/**
 * Navigation Fix CSS
 * Ensures dropdown functionality works properly on all pages including home page
 */

/* Ensure dropdown menu is properly positioned and visible */
.navbar-nav .nav-item.dropdown {
    position: relative;
}

.navbar-nav .nav-item.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 250px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

.navbar-nav .nav-item.dropdown .dropdown-menu.show {
    display: block;
}

/* Ensure dropdown toggle has proper cursor */
.navbar-nav .nav-item.dropdown .dropdown-toggle {
    cursor: pointer;
}

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

/* Specific fixes for the Core Area of Services dropdown */
#dropdown-3 {
    min-width: 280px;
}

#dropdown-3 .nav-item {
    display: block;
    width: 100%;
}

#dropdown-3 .nav-item .nav-link {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #f3f3f3;
}

#dropdown-3 .nav-item .nav-link:hover,
#dropdown-3 .nav-item .nav-link:focus {
    color: #1f8ef1;
    background-color: #f8f9fa;
}

/* Ensure scrollable dropdown works properly */
.dropdown-menu.scrollable-dropdown {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Mobile responsive fixes */
@media (max-width: 991px) {
    .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    
    .navbar-nav .nav-item.dropdown .dropdown-menu.show {
        display: block;
    }
    
    .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link {
        padding-left: 2rem;
        color: #fff;
    }
    
    .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link:hover {
        color: #1f8ef1;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

/* Ensure dropdown works with mean menu on mobile */
.mean-container .mean-nav ul li.dropdown .dropdown-menu {
    display: none;
}

.mean-container .mean-nav ul li.dropdown.show .dropdown-menu {
    display: block;
}

/* Fix for dropdown arrow icon */
.navbar-nav .dropdown-toggle .bx-chevrons-down {
    transition: transform 0.3s ease;
}

.navbar-nav .dropdown-toggle[aria-expanded="true"] .bx-chevrons-down {
    transform: rotate(180deg);
}

/* Ensure proper z-index for dropdown */
.navbar-nav .dropdown-menu {
    z-index: 1050;
}

/* Prevent dropdown from being cut off */
.navbar-nav .nav-item.dropdown:last-child .dropdown-menu {
    right: 0;
    left: auto;
}