/**
 * CRITICAL MOBILE NAVIGATION FIX
 * Add this to your main CSS file
 */

/* ═══════════════════════════════════════════════════════════════
   ENSURE DROPDOWN LINKS ARE CLICKABLE ON MOBILE
   ═══════════════════════════════════════════════════════════════ */

/* Force links to be clickable */
.nav-links a,
.dropdown-menu a {
    pointer-events: auto !important;
    cursor: pointer !important;
    user-select: auto !important;
}

/* Mobile-specific */
@media (max-width: 900px) {
    
    /* ═══════════════════════════════════════════════════════════════
       SCROLLABILITY FIX - ADDED TO YOUR WORKING VERSION
       ═══════════════════════════════════════════════════════════════ */
    
    .nav-menu {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: calc(100vh - 90px) !important;
    }
    
    .nav-links {
        padding-bottom: 3rem !important;
    }
    
    /* ═══════════════════════════════════════════════════════════════
       YOUR EXISTING DROPDOWN CODE (WORKING)
       ═══════════════════════════════════════════════════════════════ */
    
    /* Dropdown menu styling */
    .dropdown-menu {
        position: static !important;
        display: none;
        background: rgba(212, 175, 55, 0.05);
        border: none;
        box-shadow: none;
        pointer-events: auto !important;
    }
    
    .dropdown.active .dropdown-menu {
        display: block !important;
    }
    
    /* Dropdown links must be fully clickable */
    .dropdown-menu li {
        width: 100%;
    }
    
    .dropdown-menu a {
        display: block !important;
        padding: 1rem 2.5rem !important;
        min-height: 44px;
        width: 100%;
        /* CRITICAL: Touch events */
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3);
        touch-action: manipulation !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }
    
    .dropdown-menu a:active {
        background: rgba(212, 175, 55, 0.2);
    }
    
    /* Remove any blocking overlays */
    .nav-menu::before,
    .nav-menu::after,
    .dropdown::before,
    .dropdown::after {
        content: none !important;
        display: none !important;
    }
}