/* 
 * DROPDOWN FIX V2 - Atlantida DMC
 * Correção para garantir que os menus dropdown sejam exibidos verticalmente
 */

/* Estilos básicos para o dropdown */
.dropdown {
    position: relative !important;
}

/* Container do conteúdo dropdown */
.dropdown-content {
    display: none !important;
    position: absolute !important;
    background-color: white !important;
    min-width: 160px !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
    z-index: 1000 !important;
    border-radius: 4px !important;
    top: 100% !important;
    left: 0 !important;
    flex-direction: column !important; /* Força exibição vertical */
}

/* Links dentro do dropdown */
.dropdown-content a {
    color: #333 !important;
    padding: 12px 16px !important;
    text-decoration: none !important;
    display: block !important; /* Força cada link a ocupar uma linha inteira */
    font-size: 14px !important;
    white-space: nowrap !important;
    text-align: center !important;
}

/* Hover nos links do dropdown */
.dropdown-content a:hover {
    background-color: #f1f1f1 !important;
    color: #D71921 !important;
}

/* Exibir dropdown ao passar o mouse ou quando ativo */
.dropdown:hover .dropdown-content,
.dropdown.active .dropdown-content {
    display: flex !important; /* Usar flex para garantir controle sobre a direção */
}

/* Estilo para o link ativo/destacado */
.dropdown-content a.highlighted {
    color: #D71921 !important;
    font-weight: 500 !important;
}

/* Remover qualquer exibição horizontal dos links nos menus dropdown */
@media (min-width: 992px) {
    /* Esconder qualquer versão horizontal dos links */
    .destinos-links, 
    .pacotes-links {
        display: none !important;
    }
    
    /* Garantir que os links no dropdown sejam exibidos verticalmente */
    .dropdown-content a {
        display: block !important;
        width: 100% !important;
    }
}