/* =========================================================
   BANDEAU ÉDITORIAL DÉFILANT
   ========================================================= */

.editorial-banner {
  background-color: var(--color-green-deep);
  color: var(--color-green-soft);
  padding-block: var(--space-sm);
  overflow: hidden;
  border-block: 1px solid var(--color-border-light);
}

.editorial-banner__track {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  width: max-content;
  animation: banner-scroll 40s linear infinite;
}

.editorial-banner__item {
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  white-space: nowrap;
}

.editorial-banner__dot {
  color: var(--color-green);
  font-size: var(--text-body);
}

@keyframes banner-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Mouvement réduit : le bandeau devient statique et centré */
@media (prefers-reduced-motion: reduce) {
  .editorial-banner__track {
    animation: none;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
  /* On ne garde que la première série */
  .editorial-banner__track > :nth-child(n + 7) { display: none; }
}