/* Dropdown fixes for #globalnav primary menu */

/* Apply overflow visible only to primary menu, not to btn-cta container */
#globalnav,
#globalnav .container,
#primary-menu {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

/* Remove overflow-x clip from btn-cta to allow right-aligned dropdowns to display fully */
#btn-cta {
    overflow: visible !important;

}

/* Remove hover border/outline styles from primary menu items */
#primary-menu .nav-item:hover,
#primary-menu .nav-link:hover,
#primary-menu .nav-item:focus,
#primary-menu .nav-link:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Only apply positioning to dropdown items specifically */
#primary-menu .nav-item.dropdown,
.btn-group.dropdown {
    position: relative !important;
    z-index: 9000 !important;
}

/* Dropdown menu base — let Bootstrap .show class control display */
#primary-menu .dropdown-menu,
.btn-group.dropdown .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    z-index: 1030 !important;
    min-width: 10rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    display: none !important; /* Hidden by default */
    opacity: 0 !important;
    /* visibility: hidden !important; */
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
    pointer-events: none !important;
}

/* Show dropdown when parent has .show class (Bootstrap click/tap) */
#primary-menu .dropdown.show > .dropdown-menu,
.btn-group.dropdown.show > .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Show dropdown on hover (desktop only) */
@media (min-width: 992px) {
    #primary-menu .dropdown:hover > .dropdown-menu,
    .btn-group.dropdown:hover > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* Mobile: static positioning inside offcanvas */
@media (max-width: 991.98px) {
    #primary-menu .dropdown-menu,
    .btn-group.dropdown .dropdown-menu {
        /* position: static !important; */
        box-shadow: none !important;
        display: none !important;
    }
    
    #primary-menu .dropdown.show > .dropdown-menu,
    .btn-group.dropdown.show > .dropdown-menu {
        display: block !important;
    }
}

/* Ensure dropdown items are clickable and visible */
#primary-menu .dropdown-item,
.btn-group.dropdown .dropdown-item {
    position: relative !important;
    z-index: 1031 !important;
    display: block !important;
    pointer-events: auto !important;
}