/**
 * Estilos para corrigir problemas com os dropdowns
 */

/* Garantir que os menus dropdown sejam exibidos corretamente */
.dropdown-menu.show {
    display: block !important;
    z-index: 9999 !important;
    position: absolute !important;
}

/* Ajustar posição dos menus dropdown em dispositivos móveis */
@media (max-width: 768px) {
    .dropdown-menu.show {
        right: 0 !important;
        left: auto !important;
    }
}

/* Estilizar botões de dropdown */
.dropdown-toggle {
    cursor: pointer;
}

/* Adicionar efeito de hover nos itens do dropdown */
.dropdown-item:hover {
    background-color: #f8f9fa;
}

/* Estilizar item de exclusão */
.dropdown-item.text-danger:hover {
    background-color: #f8d7da;
}

/* Garantir que o ícone de três pontos seja visível */
.bi-three-dots-vertical {
    font-size: 1.1em;
}

/* Adicionar uma pequena animação ao abrir o dropdown */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.dropdown-menu.show {
    animation: fadeIn 0.2s ease-out;
}