/* Bandeaux d'information Essishop (module EssishopBandeau) */

.essishop-bandeau {
    background-color: var(--essishop-bandeau-fond, #04235B);
    color: var(--essishop-bandeau-texte, #FFFFFF);
    font-size: .90rem;
    line-height: 1.4;
    padding: 7px 16px;
    text-align: center;
}

.essishop-bandeau__piste {
    overflow: hidden;
}

/* Une seule ligne : si le texte dépasse, le script active le défilement */
.essishop-bandeau__texte {
    display: inline-block;
    white-space: nowrap;
}

    .essishop-bandeau__texte p {
        display: inline;
        margin: 0;
    }

    .essishop-bandeau__texte a {
        color: inherit;
        font-weight: 500;
        text-decoration: underline;
    }

/* Défilement : le texte part du bord droit et sort complètement à gauche */
.essishop-bandeau.is-defilant .essishop-bandeau__piste {
    text-align: left;
}

.essishop-bandeau.is-defilant .essishop-bandeau__texte {
    padding-left: 100%;
    animation: essishop-bandeau-defilement var(--essishop-bandeau-duree, 20s) linear infinite;
}

.essishop-bandeau.is-defilant:hover .essishop-bandeau__texte {
    animation-play-state: paused;
}

@keyframes essishop-bandeau-defilement {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* Mobile / tablette (même seuil que le menu non fixe) ou animations désactivées par le système :
   pas de défilement, le texte passe simplement à la ligne */
@media (max-width: 1024px), (prefers-reduced-motion: reduce) {
    .essishop-bandeau__texte {
        display: block;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .essishop-bandeau.is-defilant .essishop-bandeau__piste {
        text-align: center;
    }

    .essishop-bandeau.is-defilant .essishop-bandeau__texte {
        padding-left: 0;
        animation: none;
    }
}