/* Enhanced Navigation Styles */
.navbar {
    background-color: var(--dark-navy);
    padding: 15px 0;
    transition: all 0.3s ease;
}

.navbar-brand img {
    height: 70px;
}

.navbar-nav .nav-link {
    color: var(--white);
    font-weight: 500;
    margin: 0 10px;
    transition: all 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: var(--sky-blue);
}

/* Enable hover dropdowns on desktop */
@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    
    /* Make dropdown parent links clickable on desktop */
    .navbar .dropdown-toggle:not(.no-link) {
        pointer-events: none;
    }
    
    .navbar .dropdown > .nav-link {
        pointer-events: auto;
    }
}

/* Ensure mobile behavior remains intact */
@media (max-width: 991.98px) {
    .navbar .dropdown-toggle {
        pointer-events: auto;
    }
}


/* Offcanvas specific styles */
.offcanvas {
    background-color: var(--dark-navy) !important;
    color: var(--white) !important;
    z-index: 1045;
}

.offcanvas .nav-link {
    color: var(--white) !important;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas .dropdown-menu {
    background-color: var(--deep-blue);
    border: none;
    margin-left: 20px;
}

.offcanvas .dropdown-item {
    color: var(--white);
    padding: 10px 20px;
}

.offcanvas .dropdown-item:hover {
    background-color: var(--sky-blue);
    color: var(--dark-navy);
}

.offcanvas-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas-title {
    color: var(--white);
}

.btn-close {
    filter: invert(1);
}