.locations-ticker {
  --ticker-duration: 65s;
  --ticker-gap: 3rem;

  overflow: hidden;
  padding-block: 1rem;
  color: #243447;
  background: #e7f0f2;
  border-block: 1px solid #c5d7de;
}

.locations-ticker__track {
  display: flex;
  width: max-content;
  animation: locations-scroll var(--ticker-duration) linear infinite;
}

.locations-ticker__list {
  flex: none;
  margin: 0;
  padding-inline-end: var(--ticker-gap);

  font-size: clamp(.95rem, 1.5vw, 1.1rem);
  font-weight: 500;
  line-height: 1.6;
  word-spacing: 1.25rem;
  white-space: nowrap;
}

@keyframes locations-scroll {
  to {
    transform: translateX(-50%);
  }
}

/* Pause à la souris ou si le bandeau contient un élément focalisé. */
.locations-ticker:hover .locations-ticker__track,
.locations-ticker:focus-within .locations-ticker__track {
  animation-play-state: paused;
}

/* Liste statique et intégralement lisible si le mouvement est réduit. */
@media (prefers-reduced-motion: reduce) {
  .locations-ticker__track {
    width: auto;
    animation: none;
  }

  .locations-ticker__list {
    padding-inline: 1rem;
    white-space: normal;
    word-spacing: normal;
    line-height: 2;
  }

  .locations-ticker__list[aria-hidden="true"] {
    display: none;
  }
}