/* Mobile Menu Z-Index Fix - Force menu to top */

@media screen and (max-width: 768px) {
    /* Ensure navigation is on top of everything */
    #site-navigation,
    .main-navigation,
    nav#site-navigation,
    nav.main-navigation {
        z-index: 999999 !important;
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: #000000 !important;
        background-color: #000000 !important;
    }
    
    /* When toggled, ensure it's visible */
    #site-navigation.toggled,
    .main-navigation.toggled,
    body.menu-open #site-navigation,
    body.menu-open .main-navigation {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 999999 !important;
    }
    
    /* Ensure menu items are visible */
    #site-navigation ul,
    #site-navigation .menu,
    #primary-menu {
        background: #000000 !important;
        z-index: 999999 !important;
        position: relative !important;
    }
    
    /* Menu items should be on top */
    #site-navigation li,
    #site-navigation a {
        position: relative !important;
        z-index: 999999 !important;
        background: #000000 !important;
    }
    
    /* Force black background and gold text */
    #site-navigation a {
        color: #d4af37 !important;
        display: block !important;
        padding: 15px 20px !important;
    }
    
    /* Hamburger button stays on top */
    .menu-toggle {
        z-index: 9999999 !important;
    }
    
    /* Header below menu */
    .site-header {
        z-index: 99999 !important;
    }
    
    /* Content behind everything */
    #content,
    .site-content,
    main {
        position: relative !important;
        z-index: 1 !important;
    }
}