/* ==========================================================================
   1. STYLES GLOBAUX & CORRECTIFS
   ========================================================================== */
.mod-header-logo {
    padding: 18px 0 0 0 !important;
    max-width: 100% !important;
    display: inline-block;
}

@media only screen and (max-width: 1920px) {
  .mod-banner__img { padding-top: 40px !important; }  
}
@media only screen and (min-width: 1921px) {
  .mod-banner__img { padding-top: 200px !important; }  
}

/* ==========================================================================
   2. VERSION ORDINATEUR (Écrans > 991px)
   ========================================================================== */
@media (min-width: 992px) {
    /* --- LOGO (22%) --- */
    div[data-zone-alias="Logo"] {
        width: 22%;
        padding-right: 5px;
        float: left;
    }

    /* --- MENU (75%) --- */
    div[data-zone-alias="Menu"] {
        width: 75%;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
    }

    /* --- PANIER (3%) --- */
    div[data-zone-alias="Panier"] {
        width: 3%;
        padding: 0;
        float: left;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        min-height: 70px; 
        padding-right: 15px; 
    }

    div[data-zone-alias="Panier"] .mod-header-container,
    div[data-zone-alias="Panier"] .rf-mod-header-wrapper {
        height: auto !important;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
}

/* ==========================================================================
   3. VERSION MOBILE & TABLETTE (Écrans < 991px)
   ========================================================================== */
@media (max-width: 991px) {

    /* --- RÈGLE GÉNÉRALE : TOUT LE MONDE À 100% --- */
    div[data-zone-alias="Logo"],
    div[data-zone-alias="Menu"],
    div[data-zone-alias="Panier"] {
        width: 100% !important;
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        min-height: auto !important;
        padding: 5px 0 !important;
    }

    /* --- SPÉCIFIQUE LOGO MOBILE --- */
    div[data-zone-alias="Logo"] .mod-header-logo {
        padding-top: 10px !important;
    }

    /* --- SPÉCIFIQUE MENU MOBILE --- */
    div[data-zone-alias="Menu"] .navbar-collapse {
        text-align: center; 
        margin: 0 auto;
    }

    /* --- SPÉCIFIQUE PANIER MOBILE (LE CORRECTIF EST ICI) --- */
    div[data-zone-alias="Panier"] {
        padding-bottom: 15px !important;
    }
    
    /* On cible les conteneurs intermédiaires */
    div[data-zone-alias="Panier"] .mod-header-container,
    div[data-zone-alias="Panier"] .rf-mod-header-wrapper,
    div[data-zone-alias="Panier"] .mod-header-part__right {
        justify-content: center !important;
        width: 100% !important;
        display: flex !important;
    }

    /* !!! NOUVEAU : C'est ici qu'on force l'icône à se centrer !!! */
    /* On annule les styles de liste par défaut (padding-left, float, etc.) */
    div[data-zone-alias="Panier"] ul.mod-header,
    div[data-zone-alias="Panier"] li {
        padding: 0 !important;
        margin: 0 auto !important;
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    
    /* On s'assure que le bloc interne du panier ne flotte pas */
    div[data-zone-alias="Panier"] .mod-cart-bloc {
        float: none !important;
        display: inline-block !important;
    }
}
.header-box {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.poweredBy-wrapper {
    display: none !important;
}

#site-wrapper .line-footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#ecoindex-badge {
    display: inline-flex !important;
}

.events-mosaic {
  visibility: hidden;
}

.boutique-en-ligne {
  visibility: hidden;
}

/* Hide the "Statut" column header and its corresponding cells within the boutique section */
/* The "Statut" column is the second td/th in your structure (index 1) */
.boutique-en-ligne .registration-price-table th:nth-child(2),
.boutique-en-ligne .registration-price-table td:nth-child(2) {
  display: none !important; /* Use !important to ensure it overrides other styles */
}

.boutique-en-ligne .size-guide {
    border-collapse: separate;
    border-spacing: 1px;
}

.boutique-en-ligne .size-guide td {
    background: #999;
    color: #ffffff;
    border: 1px solid #999;
    padding: .3125rem .625rem .3125rem .625rem;
}