/* Holiday Mode - bandeau de vacances pleine largeur */

.holidaymode-banner {
    position: relative;
    width: 100vw;
    /* Force la pleine largeur meme si un conteneur parent est centre */
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: flex;
    align-items: center;
    overflow: hidden;
    line-height: 1.3;
    box-sizing: border-box;
    z-index: 999;
}

/* --- Texte fixe (centre) --- */
.holidaymode-fixed {
    width: 100%;
    text-align: center;
    padding: 4px 15px;
    box-sizing: border-box;
}

/* --- Texte defilant (marquee), un seul message --- */
.holidaymode-marquee {
    width: 100%;
    overflow: hidden;
}

.holidaymode-marquee-text {
    display: inline-block;
    white-space: nowrap;
    /* Le texte demarre colle au bord droit (hors champ) puis defile vers la gauche */
    padding-left: 100%;
    will-change: transform;
    animation-name: holidaymode-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes holidaymode-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        /* -100% de la largeur de l'element (bandeau + texte) : sort entierement a gauche */
        transform: translateX(-100%);
    }
}

/* Pause au survol pour permettre la lecture */
.holidaymode-banner:hover .holidaymode-marquee-text {
    animation-play-state: paused;
}

/* Respect des preferences d'accessibilite : pas d'animation, texte centre fixe */
@media (prefers-reduced-motion: reduce) {
    .holidaymode-marquee {
        text-align: center;
    }
    .holidaymode-marquee-text {
        animation: none;
        padding-left: 0;
    }
}