/* Fix para responsividade da navbar */
/* Garantir que o menu desktop e mobile funcionem corretamente */

/* Menu Desktop - Oculto em mobile, visível em desktop */
@media (max-width: 767px) {
    .hidden.md\\:flex {
        display: none !important;
    }
    
    .block.md\\:hidden {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .hidden.md\\:flex {
        display: flex !important;
    }
    
    .block.md\\:hidden {
        display: none !important;
    }
    
    /* Menu mobile sempre oculto em desktop */
    #mobile-menu {
        display: none !important;
    }
}

/* Garantir que o menu mobile seja oculto por padrão */
#mobile-menu {
    display: none;
}

/* Quando o menu mobile estiver ativo */
#mobile-menu.hidden {
    display: none !important;
}
#mobile-menu:not(.hidden) {
    display: flex !important;
}

/* Melhorar a aparência do botão mobile */
#mobile-menu-button {
    transition: all 0.3s ease;
}

#mobile-menu-button:hover {
    background-color: #f3f4f6 !important;
}

#mobile-menu-button:focus {
    outline: 2px solid #fbbf24 !important;
    outline-offset: 2px !important;
}

/* Melhorar a aparência dos links do menu mobile */
#mobile-menu a {
    transition: all 0.3s ease;
    border-radius: 0.5rem;
}

#mobile-menu a:hover {
    background-color: #fef3c7 !important;
    transform: translateY(-1px);
}

/* Garantir que o menu desktop tenha espaçamento adequado */
.hidden.md\\:flex {
    gap: 2rem;
}

/* Responsividade para telas muito pequenas */
@media (max-width: 480px) {
    #mobile-menu {
        margin-top: 0.5rem !important;
        padding: 0.75rem !important;
    }
    
    #mobile-menu a {
        padding: 0.75rem 1rem !important;
        font-size: 14px !important;
    }
    
    #mobile-menu-button {
        padding: 0.75rem !important;
    }
}

/* Responsividade para tablets */
@media (min-width: 481px) and (max-width: 767px) {
    #mobile-menu {
        margin-top: 1rem !important;
        padding: 1rem !important;
    }
    
    #mobile-menu a {
        padding: 1rem 1.5rem !important;
        font-size: 16px !important;
    }
}