/* Mobile Menu Fix - Complete Override */
@media screen and (max-width: 767px) {

    /* Force hamburger menu to show */
    .nav-toggle {
        display: flex !important;
        width: 48px !important;
        height: 48px !important;
        border: 2px solid rgba(13, 45, 94, 0.1) !important;
        border-radius: 12px !important;
        background: transparent !important;
        cursor: pointer !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        transition: all 0.3s ease !important;
        z-index: 1001 !important;
        margin-left: auto !important;
    }

    .nav-toggle span {
        display: block !important;
        width: 20px !important;
        height: 2.5px !important;
        background: #0d2d5e !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
    }

    /* Hide desktop navigation */
    .site-header__cta {
        display: none !important;
    }

    /* Mobile navigation overlay */
    .site-nav {
        display: flex !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(0, 0, 0, 0.85) !important;
        backdrop-filter: blur(15px) !important;
        z-index: 1000 !important;
        padding: 0 !important;
        transition: all 0.3s ease !important;
    }

    .site-nav.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Removed duplicate nav-content and nav-link rules. 
       All these are handled natively in mobile-responsive.css now. */
}