/**
 * PCTechComVn — Ticker Bar CSS
 * Child Theme CSS Module
 * Version: 1.0.0 (Sprint 0)
 *
 * Ticker marquee bar nằm dưới header.
 * Nội dung từ ACF Options Repeater: ticker_items
 * Animation: @keyframes ticker đã có trong animations.css
 * JS: ticker.js xử lý pause-on-hover
 */

.ticker-bar {
  background: linear-gradient(90deg, var(--blue-dark), var(--blue), var(--blue-dark));
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 100;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ticker-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: ticker 45s linear infinite;
}

.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 32px;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.85);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  white-space: nowrap;
}

.ticker-item strong {
  color: var(--orange);
  font-weight: 700;
}

.ticker-item .highlight {
  color: #ffd080;
}

@media (max-width: 768px) {
  .ticker-item {
    font-size: 0.78rem;
    padding: 8px 24px;
  }
}