/* RESET ALL CUSTOM DROPDOWN STYLES - LET BOOTSTRAP WORK */

/* Remove all custom dropdown classes that interfere */
.dropdown-menu-responsive,
.dropdown-item-responsive {
    display: none !important;
}

/* Reset any custom dropdown styling */
.dropdown-toggle {
    cursor: pointer !important;
}

.dropdown-toggle::after {
    display: inline-block !important;
    margin-left: 0.255em !important;
    vertical-align: 0.255em !important;
    content: "" !important;
    border-top: 0.3em solid !important;
    border-right: 0.3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0.3em solid transparent !important;
}

/* Remove any custom hover effects that might interfere */
.nav-item.dropdown::before {
    display: none !important;
}

.nav-item.dropdown:hover::before {
    display: none !important;
}

/* Let Bootstrap handle dropdown positioning */
.nav-item.dropdown {
    position: relative !important;
}

/* Ensure dropdown menu uses Bootstrap defaults */
.navbar .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 1000 !important;
    display: none !important;
}

.navbar .dropdown-menu.show {
    display: block !important;
}

/* Mobile dropdown - keep simple */
@media (max-width: 991.98px) {
    .navbar-collapse .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        margin: 0.5rem 0 !important;
        border-left: 4px solid #800000 !important;
        background: rgba(128, 0, 0, 0.05) !important;
    }
}