/* ========================================================================
   FIX DEFINITIVO - CLICKS FUNCIONAN EN MENÚ MÓVIL
   Este archivo GARANTIZA que los clicks funcionen
   ======================================================================== */

@media screen and (max-width: 992px) {
    
    /* PASO 1: Asegurar que el menú reciba clicks */
    .nav-menu,
    #navMenu,
    ul.nav-menu {
        pointer-events: auto !important;
        touch-action: pan-y !important;
    }
    
    /* PASO 2: TODOS los elementos del menú deben recibir clicks */
    .nav-menu *,
    #navMenu *,
    ul.nav-menu * {
        pointer-events: auto !important;
    }
    
    /* PASO 3: Los enlaces DEBEN ser clickeables */
    .nav-menu a,
    #navMenu a,
    .nav-menu li,
    #navMenu li,
    .nav-menu li a,
    #navMenu li a {
        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
        user-select: none !important;
        -webkit-user-select: none !important;
    }
    
    /* PASO 4: El overlay NO debe bloquear el menú */
    body.menu-open::before {
        pointer-events: none !important;
    }
    
    /* PASO 5: Asegurar z-index correcto */
    .nav-menu.active,
    #navMenu.active {
        z-index: 999999 !important;
        pointer-events: auto !important;
    }
    
    /* PASO 6: Cuando menú está abierto, solo el menú recibe eventos */
    body.menu-open .nav-menu,
    body.menu-open #navMenu {
        pointer-events: auto !important;
    }
    
    /* PASO 7: Los items del menú son clickeables */
    body.menu-open .nav-menu > li,
    body.menu-open #navMenu > li,
    body.menu-open .nav-menu > li > a,
    body.menu-open #navMenu > li > a,
    body.menu-open .nav-menu .dropdown-menu,
    body.menu-open #navMenu .dropdown-menu,
    body.menu-open .nav-menu .dropdown-menu a,
    body.menu-open #navMenu .dropdown-menu a {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
    
    /* PASO 8: Feedback visual al tocar */
    .nav-menu a:active,
    #navMenu a:active {
        background: rgba(0, 0, 0, 0.05) !important;
    }
}