/* FORCE ABSOLUTE - MENU MOBILE DOIT S'AFFICHER */

/* NOTE: Pas de @media query - desktop-hide.css se charge de masquer sur desktop */

/* Bouton hamburger - VISIBLE */
@media (max-width: 768px) {
    .mega-mobile-toggle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10001 !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        padding: 8px !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
    }

    .mega-mobile-toggle span {
        display: block !important;
        width: 26px !important;
        height: 3px !important;
        background: #ffffff !important;
        margin: 5px 0 !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
    }

    /* Menu mobile - BASE */
    .mega-mobile-nav {
        display: block !important;
        position: fixed !important;
        top: 80px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: calc(100vh - 80px) !important;
        background: rgba(0, 0, 0, 0.9) !important;
        z-index: 9999 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
        overflow: hidden !important;
    }

    /* Menu actif */
    .mega-mobile-nav.active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Panel interne - NOIR + TEXTE BLANC */
    .mega-mobile-inner {
        display: block !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 85% !important;
        max-width: 380px !important;
        height: 100% !important;
        background: #000000 !important;
        color: #ffffff !important;
        transform: translateX(100%) !important;
        transition: transform 0.3s ease !important;
        overflow-y: auto !important;
        padding: 0 !important;
    }

    .mega-mobile-nav.active .mega-mobile-inner {
        transform: translateX(0) !important;
    }

    /* TOUT le contenu du menu - BLANC et VISIBLE */
    .mega-mobile-inner,
    .mega-mobile-inner *,
    .mobile-nav-content,
    .mobile-nav-content *,
    .mega-mobile-item,
    .mega-mobile-item *,
    .mega-mobile-trigger,
    .mega-mobile-trigger *,
    .mega-mobile-link,
    .mega-mobile-link *,
    .mobile-menu-header,
    .mobile-menu-header *,
    .mobile-submenu-section,
    .mobile-submenu-section * {
        color: #ffffff !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Submenu */
    .mega-mobile-submenu {
        background: #1a1a1a !important;
        color: #ffffff !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transition: max-height 0.3s ease !important;
    }

    .mega-mobile-item.active .mega-mobile-submenu {
        max-height: 1000px !important;
    }
}