/* ============================================================
   Liste Défilante — Animation CSS (remplace <marquee>)
   Compatible Chrome, Firefox, Safari, Edge
   ============================================================ */

/* Conteneur : masque ce qui dépasse */
.ld-wrap {
    overflow: hidden;
    width: 100%;
    padding: 3px 0;
    box-sizing: border-box;
    position: relative;
}

/* Texte défilant */
.ld-inner {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
    /* La durée réelle est injectée par JS selon la largeur */
    animation: ld-scroll-left linear infinite;
    animation-duration: 20s;
}

/* Pause au survol */
.ld-wrap:hover .ld-inner {
    animation-play-state: paused;
}

/* ── Direction gauche (défaut) ── */
@keyframes ld-scroll-left {
    0%   { transform: translateX(var(--ld-start,  100%)); }
    100% { transform: translateX(var(--ld-end,   -100%)); }
}

/* ── Direction droite ── */
@keyframes ld-scroll-right {
    0%   { transform: translateX(var(--ld-start, -100%)); }
    100% { transform: translateX(var(--ld-end,    100%)); }
}

/* ── Liens dans le bandeau ── */
.ld-inner a {
    text-decoration: none;
    color: inherit;
}
.ld-inner a:hover {
    text-decoration: underline;
}