/* ═══════════════════════════════════════════════════
   aihaber — Marquee (Yatay Haber Bandi)
   ═══════════════════════════════════════════════════ */

.marquee {
  border-block: 1px solid var(--paper-line);
  overflow: hidden;
  white-space: nowrap;
  padding: 14px 0;
  position: relative;
  width: 100%;
}
.marquee__track {
  display: inline-flex;
  gap: 32px;
  animation: marqueeX 40s linear infinite;
  width: max-content;
}
.marquee__item {
  font: 900 14px/1 var(--font-body);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.marquee__item::before {
  content: '★';
  color: currentColor;
  font-size: 12px;
}

/* Variants */
.marquee--lime {
  background: var(--c-acc-lime);
  color: var(--ink);
}
.marquee--ink {
  background: var(--ink);
  color: var(--c-acc-lime);
}
.marquee--ink .marquee__item::before { color: var(--c-acc-orange); }

.marquee--orange {
  background: var(--c-acc-orange);
  color: #fff;
}

/* Pause on hover */
.marquee:hover .marquee__track {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__track {
    animation: none;
    transform: translateX(0) !important;
  }
}