/* ===== ETH News Ticker (CLEAN VERSION) ===== */
.eth-ticker {
  --gap: 28px;
  --speed: 120s;   /* 👈 change this number to adjust scroll speed */
  --bg: #0f172a;
  --fg: #ffffff;
  --accent: #f59e0b;

  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background: var(--bg);
  color: var(--fg);
  border-left: 3px solid var(--accent);
  overflow: hidden;
}

.eth-ticker__label {
  flex: 0 0 auto;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: var(--accent);
  color: #111827;
  padding: 8px 12px;
}

.eth-ticker__wrap {
  position: relative;
  overflow: hidden;
  flex: 1;
}

.eth-ticker__track {
  display: inline-flex;
  gap: var(--gap);
  white-space: nowrap;
  will-change: transform;
  animation: eth-scroll var(--speed) linear infinite; /* 👈 speed is controlled here */
}

.eth-ticker__item { padding: 8px 0; }
.eth-ticker__item a { color: var(--fg); text-decoration: none; }
.eth-ticker__item a:hover { text-decoration: underline; }

/* Optional: Pause when hovering so users can read */
.eth-ticker:hover .eth-ticker__track { animation-play-state: paused; }

@keyframes eth-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* duplicated items make seamless loop */
}