/* Fix for mod_menusidebar visibility in overlay */

/* When menu is moved to body and active */
#sidebar-menu.menu-active,
.overlay.open #sidebar-menu {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    position: fixed !important;
    left: 50px !important;
    top: 120px !important;
    z-index: 999999 !important;
    max-width: 90% !important;
    width: auto !important;
}

/* Style the main menu items when active */
#sidebar-menu.menu-active > li,
.overlay.open #sidebar-menu > li {
    opacity: 1 !important;
    display: block !important;
    margin-bottom: 15px !important;
    color: #fff !important;
    position: relative !important;
    visibility: visible !important;
    list-style: none !important;
}

#sidebar-menu.menu-active > li > a,
.overlay.open #sidebar-menu > li > a {
    color: #fff !important;
    font-size: 2.5em !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: block !important;
    padding: 10px 20px !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2) !important;
    font-family: 'Titan One', sans-serif !important;
}

#sidebar-menu.menu-active > li > a:hover {
    color: #000 !important;
    background-color: rgba(255,255,255,0.2) !important;
    transition: all 0.3s ease !important;
}

/* Also ensure all text in sidebar menu is white */
#sidebar-menu.menu-active,
#sidebar-menu.menu-active * {
    color: #fff !important;
}

/* Ensure the overlay nav container has proper z-index */
.overlay.open nav {
    position: relative !important;
    z-index: 10009 !important;
}

/* Ensure social section is visible when active */
#social.social-active,
.overlay.open #social {
    opacity: 1 !important;
    visibility: visible !important;
    position: fixed !important;
    bottom: 50px;
    left: 50px;
    z-index: 999999 !important;
    display: block !important;
}

#social.social-active span {
    color: #fff !important;
    display: block !important;
}

#social.social-active a {
    color: #fff !important;
}

#social.social-active svg {
    fill: #fff !important;
    width: 40px;
    height: 40px;
    margin: 0 10px;
}

/* Fix submenu positioning and visibility */
.overlay.open #sidebar-menu li.deeper > ul.nav-child {
    background-color: rgba(255, 201, 1, 0.98) !important;
    z-index: 10013 !important;
}

.overlay.open #sidebar-menu li.deeper > ul.nav-child.layer_actif {
    display: block !important;
    opacity: 1 !important;
    z-index: 10014 !important;
}

/* Make sure overlay content is scrollable if needed */
.overlay.open {
    overflow-y: auto !important;
}

/* Debug: Add border to see if elements are present */
.overlay.open #sidebar-menu {
    /* border: 2px solid red !important; */
}

.overlay.open #sidebar-menu > li {
    /* border: 1px solid yellow !important; */
}