/* ============================================
   🔧 CORRECTION MENU MOBILE UNIQUEMENT
   Fichier: mobile-menu-fix.css
   
   À charger EN DERNIER pour écraser les z-index
   Ne touche PAS au desktop
   ============================================ */

/* UNIQUEMENT sur mobile (≤ 992px) */
@media (max-width: 992px) {
    
    /* LOGO & HEADER - Sticky en haut avec ombre */
    #logo {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 100 !important;
        background-color: white !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
        padding: 10px 15px !important;
        margin: 0 !important;
    }
    
    #header {
        position: relative !important;
        z-index: 90 !important;
    }
    
    /* BOUTON HAMBURGER - Au-dessus de tout */
    #responsive_menu_button {
        z-index: 10000 !important;
        position: fixed !important;
        top: 15px !important;
        right: 15px !important;
    }
    
    /* MENU HAMBURGER - Au-dessus du contenu mais sous le bouton */
    #menuprincipal {
        z-index: 9999 !important;
        position: fixed !important;
        background-color: #f7f7f7 !important;
    }
    
    /* SOUS-MENU PRODUITS - Juste en dessous du menu */
    .menufenetre {
        z-index: 9998 !important;
    }
    
    /* CONTENU - Commence SOUS le header fixe */
    body {
        padding-top: 80px !important;
    }
    
    #conteneurprincipal {
        position: relative !important;
        z-index: 1 !important;
        margin-top: 0 !important;
    }
    
    #conteneurprincipal * {
        position: relative !important;
    }
    
    /* ALERTE RGPD - Au-dessus de TOUT */
    #alerte_rgpd {
        z-index: 99999 !important;
    }
}

/* ============================================
   FIN DU FICHIER
   ============================================ */