/* Fix for dropdown menu hover issues */

/* Amélioration des menus déroulants */
.dropdown-container {
    position: relative;
}

.dropdown-container:hover .dropdown-menu {
    display: block !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s ease-in-out;
    z-index: 50;
}

/* Création d'un pont invisible pour éviter la perte du hover */
.dropdown-container::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 0.5rem;
    z-index: 49;
}

/* Assurer que le dropdown reste visible quand on survole ses éléments */
.dropdown-menu:hover {
    display: block !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}