/**
 * Menú Móvil
 * Variavista Business Theme
 * 
 * @package Variavista
 * @version 2.7.0
 */

/* ========================================
   MENÚ MÓVIL - Z-INDEX
   ======================================== */

/* Asegurar z-index alto del menú móvil */
[x-show="mobileMenuOpen"] {
    z-index: 999999 !important;
}

/* Remover x-cloak cuando el menú está visible */
[x-show="mobileMenuOpen"][style*="display: block"][x-cloak] {
    display: block !important;
}

/* ========================================
   SUBMENÚS EN MENÚ MÓVIL
   ======================================== */

/* FORZAR SUBMENÚS CERRADOS EN MENÚ MÓVIL */
[x-show="mobileMenuOpen"] .sub-menu,
[x-show="mobileMenuOpen"] .children {
    display: none !important;
}

/* Cuando JavaScript los abre, sobrescribir */
[x-show="mobileMenuOpen"] .sub-menu[style*="display: block"],
[x-show="mobileMenuOpen"] .children[style*="display: block"] {
    display: block !important;
}

/* ========================================
   MOBILE - HEADER STICKY
   ======================================== */

@media (max-width: 1024px) {
    /* HEADER SIEMPRE VISIBLE EN MOBILE - Tailwind maneja el sticky */
    
    /* Prevenir que se oculte con clases de scroll */
    .site-header.scrolled-down,
    .site-header.hide-header,
    #masthead.scrolled-down,
    #masthead.hide-header {
        transform: translateY(0) !important;
        top: 0 !important;
    }
}

/* ========================================
   SLIDERS - OCULTAR EN DESKTOP
   ======================================== */

@media (min-width: 768px) {
    .swiper.why-us-swiper,
    .swiper.blog-swiper,
    div.why-us-swiper,
    div.blog-swiper {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}