/* CSS para fazer os dropdowns funcionarem com hover */

/* Remover o cursor pointer dos links dropdown quando não há URL */
.navbar .dropdown-toggle[href="#"] {
    cursor: default;
}

/* Mostrar dropdown no hover */
.navbar .dropdown:hover .dropdown-menu {
    display: block;
}

/* Garantir que o dropdown permaneça visível quando hover no próprio menu */
.navbar .dropdown-menu:hover {
    display: block;
}

/* Transição suave para melhor UX */
.navbar .dropdown-menu {
    display: none;
    transition: all 0.3s ease;
    margin-top: 0;
}

/* Posicionar corretamente o dropdown */
.navbar .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
}

/* Para dropdowns multi-nível (se necessário) */
.navbar .dropdown .dropdown:hover .dropdown-menu {
    display: block;
}

/* Estilo adicional para melhorar a aparência */
.navbar .dropdown-menu {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Garantir que o link principal funcione normalmente */
.navbar .dropdown-toggle {
    text-decoration: none;
}

.navbar .dropdown-toggle:hover {
    text-decoration: none;
}

/* Manter o dropdown visível durante a transição entre elementos */
.navbar .dropdown:hover .dropdown-menu,
.navbar .dropdown .dropdown-menu:hover {
    display: block;
}