/* ===========================================
MENU.CSS - CORREÇÕES CONSOLIDADAS
Foco em z-index do banner e remoção de estilos obsoletos
=========================================== */

/* === REMOÇÃO COMPLETA DO MENU HAMBÚRGUER === */
.hamburger,
.mobile-menu,
.overlay,
.close-menu {
    display: none !important;
}

/* === ESTILOS PARA GARANTIR O BANNER PRESO AO HEADER === */
/* CORREÇÃO: Banner abaixo do header mas conteúdo acima */
.banner {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 90vh;
    min-height: 600px;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    margin-bottom: 40px;
    z-index: 1; /* Abaixo do header */
}

.banner-text {
    z-index: 99995; /* Acima do header */
    position: relative;
}

/* === CORREÇÕES DE Z-INDEX PARA MOBILE === */
@media (max-width: 768px) {
    .banner {
        z-index: 1;
    }
    
    .banner-text {
        z-index: 99995;
    }
    
    /* Garante que o header tenha prioridade máxima */
    header {
        z-index: 1000 !important;
    }
    
    /* Remove qualquer estilo relacionado ao mobile-nav-icons antigo */
    .mobile-nav-icons {
        display: none !important;
    }
}

/* === CORREÇÕES PARA TELAS MUITO PEQUENAS === */
@media (max-width: 480px) {
    .banner {
        min-height: 500px;
        height: 85vh;
    }
    
    .banner-text {
        padding: 0 20px;
    }
}

/* === GARANTIR QUE NÃO HAJA CONFLITOS COM OS NOVOS ÍCONES NO HEADER === */
.header-btns .nav-icon {
    /* Estes estilos já estão no header.css - não duplicar */
}

/* === REMOÇÃO DE ESTILOS OBSOLETOS DO MENU HAMBÚRGUER === */
/* Todos os estilos abaixo foram removidos permanentemente */
.mobile-nav-icons,
.hamburger-menu,
.mobile-nav-container,
.menu-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* === CORREÇÃO FINAL: GARANTIR QUE O HEADER SEMPRE FIQUE POR CIMA === */
header {
    z-index: 1000 !important;
}

.banner-slider,
.banner-slider .slide,
.banner-slider img {
    z-index: 1 !important;
}

/* === ESTILOS PARA O BOTÃO FLUTUANTE (se necessário) === */
.btn-flutuante {
    z-index: 99990; /* Abaixo do banner-text mas acima do banner */
}