/* Additional CSS to fix navbar dropdown z-index issues */

/* Ensure all dropdowns are above sticky elements */
.dropdown-menu,
.dropdown-menu-end,
.custom-dropdown,
.dropdown-menu-end.custom-dropdown,
.navbar .dropdown-menu,
.navbar-nav .dropdown-menu,
.nav-item.dropdown .dropdown-menu {
    z-index: 99999 !important;
    position: absolute !important;
}

/* Force dropdowns to be visible when shown */
.dropdown.show .dropdown-menu,
.navbar .dropdown.show .dropdown-menu,
.navbar-nav .dropdown.show .dropdown-menu,
.nav-item.dropdown.show .dropdown-menu {
    display: block !important;
    z-index: 99999 !important;
    position: absolute !important;
}

/* Mobile-specific fixes */
@media (max-width: 767px) {
    .dropdown-menu,
    .dropdown-menu-end,
    .custom-dropdown,
    .dropdown-menu-end.custom-dropdown,
    .navbar .dropdown-menu,
    .navbar-nav .dropdown-menu,
    .nav-item.dropdown .dropdown-menu {
        position: fixed !important;
        z-index: 99999 !important;
    }
    
    /* Ensure the navbar dropdown is positioned correctly */
    .navbar .dropdown-menu,
    .navbar-nav .dropdown-menu,
    .nav-item.dropdown .dropdown-menu,
    .dropdown-menu-end.custom-dropdown {
        top: auto !important;
        left: auto !important;
        right: 10px !important;
        transform: none !important;
    }
}