/* ===================================
   Fixes mobiles pour tout le site
   =================================== */

/* Fix 1: S'assurer que le burger menu est visible sur mobile */
@media (max-width: 767px) {
    .mobile-menu-toggle {
        display: flex !important;
    }
}

/* Fix 2: Espacement correct pour les pages marques sur mobile */
@media (max-width: 767px) {
    /* Le hero des pages marques doit avoir BEAUCOUP plus d'espace en haut */
    .hero-marque {
        padding-top: 140px !important; /* Augmenté de 100px à 140px */
    }
    
    /* Réduire la taille du texte sur mobile */
    .hero-marque h1 {
        font-size: 2rem !important;
    }
    
    .hero-marque h2 {
        font-size: 1.125rem !important;
    }
}

/* Fix 3: Header toujours visible et au-dessus sur mobile */
@media (max-width: 767px) {
    .header {
        z-index: 1000 !important;
    }
    
    /* Sur les pages marques, le header doit avoir un fond pour la visibilité */
    body.page-marque .header {
        background-color: var(--color-navy) !important;
    }
}