/* Dropdown Menu Fix - Make dropdown menus visible and clickable */

/* Ensure dropdown menus are properly positioned and visible */
.mainmenu .collapse ul ul.dropdown-menu {
    background-color: #1b4177 !important;
    border: 1px solid #15396d !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    z-index: 1000 !important;
    min-width: 200px !important;
    margin-top: 0 !important;
}

/* Make dropdown menu items visible and clickable */
.mainmenu .collapse ul ul.dropdown-menu li {
    display: block !important;
    width: 100% !important;
}

.mainmenu .collapse ul ul.dropdown-menu li a {
    display: block !important;
    padding: 10px 15px !important;
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: 1px solid #ffffff !important;
    transition: background-color 0.3s ease !important;
}

.mainmenu .collapse ul ul.dropdown-menu li a:hover,
.mainmenu .collapse ul ul.dropdown-menu li a:focus {
    background-color: #006005 !important;
    color: #fff !important;
}

/* Remove border from last item */
.mainmenu .collapse ul ul.dropdown-menu li:last-child a {
    border-bottom: none !important;
}

/* Ensure dropdowns work on both hover and click */
@media (min-width: 768px) {
    .mainmenu .dropdown:hover .dropdown-menu {
        display: block !important;
    }
    
    .mainmenu .dropdown.open .dropdown-menu {
        display: block !important;
    }
}

/* Mobile dropdown support */
@media (max-width: 767px) {
    .mainmenu .dropdown-menu {
        position: static !important;
        float: none !important;
        width: auto !important;
        margin-top: 0 !important;
        background-color: #1b4177 !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* Main category link styling for items with dropdowns */
.mainmenu .dropdown .main-category-link {
    display: inline-block !important;
    padding: 13px 16px !important;
    color: #fff !important;
    text-decoration: none !important;
    border-right: 1px solid #006005 !important;
    transition: background-color 0.3s ease !important;
}

.mainmenu .dropdown .main-category-link:hover {
    background-color: #174384 !important;
    color: #fff !important;
}

/* Dropdown toggle button styling */
.mainmenu .dropdown .dropdown-toggle {
    display: inline-block !important;
    padding: 13px 8px !important;
    color: #fff !important;
    text-decoration: none !important;
    border: none !important;
    background: none !important;
    cursor: pointer !important;
}

.mainmenu .dropdown .dropdown-toggle:hover {
    background-color: #174384 !important;
    color: #fff !important;
}

.mainmenu .dropdown .dropdown-toggle .caret {
    border-top: 4px solid #fff !important;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
}

/* Ensure proper spacing for dropdown items */
.mainmenu .dropdown {
    position: relative !important;
    display: inline-block !important;
}

/* Combined dropdown link styling */
.mainmenu .dropdown .dropdown-toggle {
    display: block !important;
    padding: 13px 16px !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease !important;
    cursor: pointer !important;
}

.mainmenu .dropdown .dropdown-toggle:hover {
    background-color: #174384 !important;
    color: #fff !important;
}

.mainmenu .dropdown .dropdown-toggle .caret {
    border-top: 4px solid #fff !important;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
    margin-left: 5px !important;
}