/* Fix for mobile navigation menu on standalone pages */
@media (max-width: 1199px) {

    /* Ensure the menu container is properly positioned */
    .mobile-nav-active .navmenu {
        position: fixed !important;
        overflow: hidden !important;
        inset: 0 !important;
        background: rgba(33, 37, 41, 0.8) !important;
        transition: 0.3s !important;
        z-index: 9997 !important;
    }

    /* Make sure the menu list is visible and properly positioned */
    .mobile-nav-active .navmenu>ul {
        display: block !important;
        list-style: none !important;
        position: absolute !important;
        inset: 60px 20px 20px 20px !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        border-radius: 6px !important;
        background-color: #ffffff !important;
        overflow-y: auto !important;
        transition: 0.3s !important;
        z-index: 9998 !important;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
    }

    /* Ensure menu items are visible */
    .mobile-nav-active .navmenu a {
        color: #444444 !important;
        padding: 10px 20px !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    /* Fix for dropdown toggle icon visibility */
    .mobile-nav-active .navmenu .toggle-dropdown {
        color: #444444 !important;
    }

    /* Ensure the toggle button is visible */
    .mobile-nav-active .mobile-nav-toggle {
        color: #fff !important;
        position: absolute !important;
        font-size: 32px !important;
        top: 15px !important;
        right: 15px !important;
        margin-right: 0 !important;
        z-index: 9999 !important;
    }
}