/*
==============================================
  MOBILE MENU VISIBILITY FIX
  Ensures menu shows/hides correctly.
  Load AFTER mobile-responsive-fix.css
==============================================
*/

@media (max-width: 991px) {

    /* Ensure parent elements don't clip the dropdown menu */
    .site-header,
    .sticky-header,
    .main-bar-wraper,
    .main-bar {
        overflow: visible !important;
    }

    .main-bar .container,
    .main-bar-wraper .container {
        overflow: visible !important;
    }

    /* Full-screen menu when open */
    #navbarNavDropdown.navbar-collapse.show {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        max-height: none !important;
        background: #ffffff !important;
        z-index: 100001 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 90px 0 20px 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        pointer-events: auto !important;
    }

    /* Force all nav items visible when menu is open */
    #navbarNavDropdown.show ul.navbar-nav {
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
    }

    #navbarNavDropdown.show ul.navbar-nav > li {
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #navbarNavDropdown.show ul.navbar-nav > li > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #333 !important;
        background: #fff !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    /* Ensure submenu items are also clickable */
    #navbarNavDropdown.show .sub-menu li a {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}

/* Small device padding adjustment */
@media (max-width: 575px) {
    #navbarNavDropdown.navbar-collapse.show {
        padding-top: 75px !important;
    }
}