/* ========================================
   MENU MOBILE PRODUCTION FINAL - Adéquation PACA
   VERSION VALIDÉE de test-menu-mobile.php
   16px items principaux / 14px sous-menus
   Sans cadres, espacement optimal
   Créé le 13/11/2025
   ======================================== */

/* FORCER LE MENU DESKTOP À RESTER CACHÉ EN MOBILE */
@media (max-width: 1024px) {
    .bot_nav_wrap {
        display: none !important;
    }
}

/* Menu sidebar - EN DESSOUS DU HEADER */
#nd_options_navigation_4_sidebar {
    display: none;
    position: fixed;
    top: 168px !important;  /* EN DESSOUS du header (100px + 68px) */
    left: 0;
    width: 100%;
    height: calc(100vh - 168px) !important;  /* Hauteur = écran moins le header */
    background: rgba(0, 0, 0, 0.75) !important;  /* TRÈS TRANSPARENT pour voir l'image derrière */
    z-index: 9998;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#nd_options_navigation_4_sidebar .nd_options_navigation_sidebar_content {
    padding: 40px 40px 80px 40px;
}

/* Bouton fermer X - CACHÉ */
#nd_options_navigation_4_sidebar .nd_options_close_sidebar_2 {
    display: none !important;
}

/* Reset des listes - SANS POINTS */
#nd_options_navigation_4_sidebar ul {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}

#nd_options_navigation_4_sidebar li {
    list-style: none !important;
    list-style-type: none !important;
}

#nd_options_navigation_4_sidebar li::before {
    content: none !important;
    display: none !important;
}

/* Items principaux - VERSION FINALE VALIDÉE */
#nd_options_navigation_4_sidebar div > ul > li {
    display: inline-block;
    width: 100%;
    padding: 0 !important;  /* PAS de padding sur le li */
    background-color: transparent !important;
    border: none !important;  /* ENLEVER TOUS LES CADRES */
    border-bottom: none !important;
    box-shadow: none !important;
    margin-bottom: 5px !important;  /* PETIT espace entre les items */
}

#nd_options_navigation_4_sidebar div > ul > li:last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
}

/* Liens principaux - 16px VIOLET */
#nd_options_navigation_4_sidebar div li > a {
    font-family: Open Sans !important;
    padding: 8px 15px !important;  /* JUSTE MILIEU - padding léger */
    display: inline-block !important;
    font-size: 16px !important;  /* VERSION FINALE VALIDÉE */
    text-transform: lowercase !important;
    color: #b39ddb !important;  /* VIOLET wellness */
    text-decoration: none !important;
    border: none !important;  /* ENLEVER LE CADRE */
    box-shadow: none !important;
    background: transparent !important;
}

#nd_options_navigation_4_sidebar div li > a::first-letter {
    text-transform: uppercase;
}

/* Sous-menus */
#nd_options_navigation_4_sidebar div > ul li > ul.sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nd_options_navigation_4_sidebar div > ul li > ul.sub-menu > li {
    padding: 0 20px;
    text-align: left;
}

/* Liens sous-menus - 14px ROSE */
#nd_options_navigation_4_sidebar div > ul li > ul.sub-menu li a {
    font-size: 14px !important;  /* VERSION FINALE VALIDÉE */
    color: #ce93d8 !important;  /* ROSE wellness */
}

/* Scrollbar - discrète */
#nd_options_navigation_4_sidebar::-webkit-scrollbar {
    width: 8px;
}

#nd_options_navigation_4_sidebar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

#nd_options_navigation_4_sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

#nd_options_navigation_4_sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.7);
}