/* ==========================================================
   nav.css — Navigation Styling
========================================================== */

#nav {
    background: #08386b;
    border-top: 1px solid #222;
}

/* Desktop nav links */
#nav .nav-link {
    color: #fff !important;
    padding: 0.75rem 1rem;
    letter-spacing: 0.5px;
    transition: color 0.2s ease;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.95rem;
}

#nav .nav-link:hover,
#nav .nav-link.active {
    color: #fff !important;
}

/* Mobile */
/* Remove the border from the hamburger toggle completely */
.navbar-toggler {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Ensure the icon remains visible on dark backgrounds */
.navbar-toggler-icon {
    filter: invert(1);
}