/* Remove space between dropdown menu and button */
 .dropdown-menu {
    margin-top: 0;
    padding: 0;
    z-index: 99999 !important; /* Extremely high z-index */
}

/* Ensure dropdown is visible when shown */
.dropdown.show .dropdown-menu {
    display: block !important;
    z-index: 99999 !important;
    position: absolute !important;
}

.dropdown-item {
    padding: 0.5rem 1rem;
}
.dropdown-toggle.btn-link {
    color: #fff;
    text-decoration: none;
    padding: 0.5rem;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.375rem;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.dropdown-toggle.btn-link:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fd5631;
}

.dropdown-toggle.btn-link i {
    color: #fd5631;
}

.dropdown-menu-dark {
    background-color: #2b3035;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}

.dropdown-menu-dark .dropdown-item {
    color: rgba(255, 255, 255, 0.7);
    padding: 0.5rem 1rem;
}

.dropdown-menu-dark .dropdown-item:hover {
    background-color: rgba(253, 86, 49, 0.1);
    color: #fd5631;
}

/* Ensure the custom dropdown in the navbar is always on top */
.dropdown-menu-end.custom-dropdown {
    z-index: 99999 !important; /* Extremely high z-index to ensure it's above everything */
    position: absolute !important;
}

/* Additional rule to ensure the dropdown is always on top */
.navbar .dropdown-menu,
.navbar-nav .dropdown-menu,
.nav-item.dropdown .dropdown-menu {
    z-index: 99999 !important; /* Extremely high z-index */
    position: absolute !important;
}

/* Mobile-specific styles to ensure dropdown appears above sticky elements */
@media (max-width: 767px) {
    .dropdown-menu {
        position: absolute !important;
        z-index: 99999 !important; /* Extremely high z-index */
    }

    /* Ensure the navbar dropdown is above everything else */
    .navbar .dropdown-menu,
    .navbar-nav .dropdown-menu,
    .nav-item.dropdown .dropdown-menu,
    .dropdown-menu-end.custom-dropdown {
        position: fixed !important;
        top: auto !important;
        left: auto !important;
        right: 10px !important;
        transform: none !important;
        z-index: 99999 !important; /* Extremely high z-index */
    }

    /* Force the dropdown to be visible and on top */
    .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: fixed !important;
    }
}