/* Dropdown menu fixes */
.dropdown-menu {
    display: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: none !important;
}

/* Only show dropdown on hover or when explicitly shown */
.group:hover .dropdown-menu,
.dropdown-menu.show {
    display: block !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Ensure dropdown stays visible when hovering over it */
.dropdown-menu:hover {
    display: block !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Add a small invisible area to prevent losing focus */
.dropdown-menu::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    display: block;
}