/* TerraTrend - ticker.css
   Marquee ticker strip */

/* ---------- Marquee ticker (neon signals strip) ---------- */
.ticker {
  position: relative;
  overflow: hidden;
  background: rgba(4, 5, 15, 0.97);
  border-top: 1px solid rgba(140, 150, 255, 0.18);
  border-bottom: 1px solid rgba(140, 150, 255, 0.07);
}
/* gradient top accent line */
.ticker::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--grad-a) 18%, var(--grad-b) 50%, var(--grad-c) 82%, transparent 100%);
  opacity: 0.75;
  z-index: 2;
}
/* edge fade overlay - creates elegant fade-to-black on left + right */
.ticker::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(4, 5, 15, 1) 0%,
    transparent 6%,
    transparent 94%,
    rgba(4, 5, 15, 1) 100%
  );
  pointer-events: none;
  z-index: 3;
}
.ticker-track {
  display: flex;
  width: max-content;
  animation: tickerScroll 34s linear infinite;
}
.ticker:hover .ticker-track { animation-play-state: paused; }
.ticker-half {
  display: flex;
  align-items: center;
  gap: 0;
  padding-right: 0;
}
.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 26px;
  font-family: var(--font-mono);
  font-size: 0.65rem;
  letter-spacing: 0.13em;
  color: var(--text-tertiary);
  white-space: nowrap;
  border-right: 1px solid rgba(140, 150, 255, 0.09);
}
.ticker-icon { font-size: 0.9rem; opacity: 0.9; }
.ticker-item b {
  font-weight: 600;
  font-size: 0.68rem;
  letter-spacing: 0.07em;
}
.ticker-item b.up    { color: var(--signal-warm); text-shadow: 0 0 10px rgba(255, 138, 92, 0.55); }
.ticker-item b.down  { color: var(--accent-2);    text-shadow: 0 0 10px rgba(34, 224, 238, 0.55); }
.ticker-item b.mixed { color: var(--accent);      text-shadow: 0 0 10px rgba(139, 124, 255, 0.55); }
@keyframes tickerScroll { to { transform: translateX(-50%); } }