/**
 * News Ticker Component
 * Auto-scrolling news headlines - Premium segmented layout
 *
 * Mobile-first: Hidden on mobile (<900px) to maximize chat space
 * Desktop: Always visible
 */

.news-ticker {
  /* Mobile - HIDDEN to maximize chat space */
  display: none;

  background: var(--theme-surface-elevated);
  border-bottom: 1px solid var(--theme-border);
  height: 2.5rem;
  align-items: center;
  position: relative;
  overflow: hidden;
  transition: filter var(--duration-normal) var(--ease-out);
}

/* Desktop - Show ticker */
@media (min-width: 900px) {
  .news-ticker {
    display: flex;
  }
}

/* Blur ticker when drawer is open */
body:has(.drawer-overlay:not([aria-hidden="true"])) .news-ticker {
  filter: blur(4px);
}

.news-ticker::before {
  content: '● LIVE';
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 var(--space-md);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  color: hsl(0, 75%, 60%);
  letter-spacing: 0.15em;
  white-space: nowrap;
  animation: livePulse 2s ease-in-out infinite;
  flex-shrink: 0;
  z-index: 2;
  background: var(--theme-surface-elevated);
}

.news-ticker__track {
  display: flex;
  white-space: nowrap;
  flex: 1;
  position: relative;
  padding-left: var(--space-lg);
  animation: ticker-scroll 1200s linear infinite;
  will-change: transform;
  transform: translateZ(0); /* Force hardware acceleration */
}

.news-ticker__track::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.5rem;
  background: linear-gradient(
    to bottom,
    transparent,
    var(--theme-border),
    transparent
  );
  margin-right: var(--space-lg);
  z-index: 1;
}

.news-ticker__item {
  display: inline-block;
  padding-right: 3rem;
  color: var(--theme-text);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

.news-ticker__item::after {
  content: '●';
  margin-left: 3rem;
  color: hsl(0, 0%, 95%);
  font-size: 0.5rem;
  vertical-align: middle;
}

.news-ticker__item:last-child::after {
  display: none;
}

/* Smooth infinite scroll animation */
@keyframes ticker-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* Live badge pulse animation */
@keyframes livePulse {
  0%, 100% {
    text-shadow: 0 0 4px hsla(0, 75%, 60%, 0.4);
  }
  50% {
    text-shadow: 0 0 12px hsla(0, 75%, 60%, 0.8);
  }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .news-ticker {
    height: 2rem;
  }

  .news-ticker::before {
    font-size: 0.65rem;
    padding: 0 var(--space-sm);
  }

  .news-ticker__track {
    padding-left: var(--space-md);
  }

  .news-ticker__item {
    font-size: 0.75rem;
    padding-right: 2rem;
  }

  .news-ticker__item::after {
    margin-left: 2rem;
  }
}