/* =============================================================================
   VIVEIRO VILLA GARDEN - MENU MOBILE STYLE FIX
   Desenvolvido por: Jay C Designer
   Website: jaycdesigner.com.br
   Copyright © 2025 Jay C Designer
   
   Arquivo para eliminar conflitos e garantir que o menu mobile funcione corretamente
============================================================================= */

/* GARANTIR QUE O MENU DESKTOP APAREÇA EM DESKTOP */
@media (min-width: 769px) {
    /* Mostrar navegação desktop */
    .nav-desktop {
        display: flex !important;
    }
    
    /* Mostrar logo desktop e esconder mobile */
    .logo-desktop {
        display: block !important;
    }
    
    .logo-mobile {
        display: none !important;
    }
    
    /* Esconder completamente todos os elementos do menu mobile em desktop */
    .nav-menu,
    .nav-menu-overlay,
    .nav-menu-logo-header,
    .nav-menu-social,
    .nav-menu-cta,
    .nav-toggle {
        display: none !important;
    }
}

/* GARANTIR QUE O MENU MOBILE APENAS APAREÇA EM MOBILE */
@media (max-width: 768px) {
    /* Esconder navegação desktop em mobile */
    .nav-desktop {
        display: none !important;
    }
    
    /* Mostrar logo mobile e esconder desktop */
    .logo-mobile {
        display: block !important;
    }
    
    .logo-desktop {
        display: none !important;
    }
    
    /* Força o nav-toggle a aparecer apenas em mobile */
    .nav-toggle {
        display: flex !important;
        z-index: 1001 !important;
    }
    
    /* Menu mobile deve ficar escondido por padrão */
    .nav-menu {
        display: flex;
        right: -100%;
    }
    
    /* Apenas quando ativo que o menu aparece */
    .nav-menu.active {
        right: 0 !important;
    }
    
    /* Garantir que a nav-list dentro do menu mobile seja visível */
    .nav-menu .nav-list {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Garantir que a logo do menu apareça */
    .nav-menu-logo {
        display: block !important;
    }
    
    /* Remover estilos antigos que podem causar conflito */
    .nav-menu-header,
    .nav-menu-close,
    .nav-menu-footer {
        display: none !important;
    }
}