/* ============================================
   SURCHARGE MENU - FORCE MAXIMALE
   Agrandir logo + bouton Discuton
   ============================================ */

/* LOGO - FORCE MAXIMALE */
html body .modern-nav .nav-brand .brand-logo,
body .modern-nav .nav-brand .brand-logo,
.modern-nav .nav-brand .brand-logo {
    width: 160px !important;
    max-width: 160px !important;
    height: auto !important;
    max-height: 36px !important;
    min-height: 30px !important;
    display: block !important;
    object-fit: contain !important;
}

/* CONTAINER LOGO - FORCE */
html body .modern-nav .nav-brand,
body .modern-nav .nav-brand,
.modern-nav .nav-brand {
    padding: 0.5rem 1.25rem !important;
    display: flex !important;
    align-items: center !important;
}

/* BOUTON DISCUTON - FORCE MAXIMALE */
html body .modern-nav .nav-cta,
body .modern-nav .nav-cta,
.modern-nav .nav-cta,
html body .modern-nav a.nav-cta,
body .modern-nav a.nav-cta,
.modern-nav a.nav-cta {
    padding: 0.625rem 1.5rem !important;
    font-size: 0.875rem !important;
    gap: 0.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    min-width: auto !important;
}

/* LIENS DU MENU - FORCE */
html body .modern-nav .nav-link,
body .modern-nav .nav-link,
.modern-nav .nav-link {
    padding: 0.5rem 0.875rem !important;
    font-size: 0.875rem !important;
}

/* MENU GLOBAL - FORCE */
html body .modern-nav,
body .modern-nav,
.modern-nav {
    padding: 0.625rem 1.5rem !important;
    gap: 2rem !important;
}

/* ESPACEMENT ENTRE LIENS - FORCE */
html body .modern-nav .nav-menu,
body .modern-nav .nav-menu,
.modern-nav .nav-menu {
    gap: 0.625rem !important;
}

/* Debug - Si tu vois ça dans l'inspecteur, le fichier est chargé */
.modern-nav::after {
    content: "";
    display: none;
}

/* ============================================
   CORRECTIF MENU MOBILE - Taille optimisée
   À ajouter à la fin de menu-overrides.css
   ============================================ */

@media (max-width: 768px) {
    /* Menu container - Plus compact */
    html body .modern-nav,
    body .modern-nav,
    .modern-nav {
        padding: 0.3rem 0.5rem !important;
        gap: 0.5rem !important;
        max-width: calc(100% - 1rem) !important;
        top: 0.5rem !important;
    }
    
    /* Logo container - Plus petit */
    html body .modern-nav .nav-brand,
    body .modern-nav .nav-brand,
    .modern-nav .nav-brand {
        padding: 0.2rem 0.4rem !important;
    }
    
    /* Logo image - Réduit */
    html body .modern-nav .nav-brand .brand-logo,
    body .modern-nav .nav-brand .brand-logo,
    .modern-nav .nav-brand .brand-logo {
        width: 85px !important;
        max-width: 85px !important;
        max-height: 20px !important;
    }
    
    /* Bouton CTA - Texte complet visible */
    html body .modern-nav .nav-cta,
    body .modern-nav .nav-cta,
    .modern-nav .nav-cta,
    html body .modern-nav a.nav-cta,
    body .modern-nav a.nav-cta,
    .modern-nav a.nav-cta {
        padding: 0.4rem 0.8rem !important;
        font-size: 0.75rem !important;
        gap: 0.35rem !important;
        min-height: 32px !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    
    /* Texte du bouton - Toujours visible */
    html body .modern-nav .nav-cta span,
    body .modern-nav .nav-cta span,
    .modern-nav .nav-cta span {
        display: inline !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Icône du bouton - Plus petite */
    html body .modern-nav .nav-cta svg,
    body .modern-nav .nav-cta svg,
    .modern-nav .nav-cta svg {
        width: 14px !important;
        height: 14px !important;
        flex-shrink: 0 !important;
    }
}

/* Mobile petit (max-width: 480px) - Encore plus compact */
@media (max-width: 480px) {
    html body .modern-nav,
    body .modern-nav,
    .modern-nav {
        padding: 0.25rem 0.4rem !important;
        gap: 0.4rem !important;
    }
    
    html body .modern-nav .nav-brand .brand-logo,
    body .modern-nav .nav-brand .brand-logo,
    .modern-nav .nav-brand .brand-logo {
        width: 75px !important;
        max-height: 18px !important;
    }
    
    html body .modern-nav .nav-cta,
    body .modern-nav .nav-cta,
    .modern-nav .nav-cta {
        padding: 0.35rem 0.7rem !important;
        font-size: 0.6875rem !important;
        min-height: 30px !important;
    }
}

/* Mobile très petit (max-width: 375px) - Ultime optimisation */
@media (max-width: 375px) {
    html body .modern-nav,
    body .modern-nav,
    .modern-nav {
        padding: 0.25rem 0.35rem !important;
        gap: 0.35rem !important;
    }
    
    html body .modern-nav .nav-brand .brand-logo,
    body .modern-nav .nav-brand .brand-logo,
    .modern-nav .nav-brand .brand-logo {
        width: 70px !important;
        max-height: 16px !important;
    }
    
    html body .modern-nav .nav-cta,
    body .modern-nav .nav-cta,
    .modern-nav .nav-cta {
        padding: 0.3rem 0.6rem !important;
        font-size: 0.625rem !important;
        gap: 0.25rem !important;
        min-height: 28px !important;
    }
    
    html body .modern-nav .nav-cta svg,
    body .modern-nav .nav-cta svg,
    .modern-nav .nav-cta svg {
        width: 12px !important;
        height: 12px !important;
    }
}