/* ─────────────────────────────────────────────
   social_ticker.css
   Infinite scrolling social link bar
   Matches bar404broadway.com: red bg, white bold
   uppercase text, no icons
───────────────────────────────────────────── */

.social-ticker {
  background-color: var(--color-dark);
  overflow: hidden;
  white-space: nowrap;
  user-select: none;
}

.social-ticker-track {
  display: inline-flex;
  align-items: center;
  animation: ticker-scroll 45s linear infinite;
  will-change: transform;
}

.social-ticker:hover .social-ticker-track {
  animation-play-state: paused;
}

@keyframes ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.ticker-item {
  display: inline-block;
  padding: 18px 40px;
  font-family: var(--font-display);
  font-size: 20px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--color-red);
  text-decoration: none;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}

.ticker-item:hover {
  opacity: 0.7;
}

.ticker-sep {
  color: rgba(255,255,255,0.15);
  font-size: 24px;
  flex-shrink: 0;
  padding: 0;
  line-height: 1;
}