/* Custom Navbar Styles */

/* Add spacing between nav items */
.navbar-nav {
    gap: 25px; /* Further increased spacing between menu items */
}

.navbar-light .navbar-nav .nav-link {
    color: var(--text-color);
    font-weight: 500;
    padding: 10px 18px; /* Increased padding */
}

.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary-color);
}

/* Mobile navbar styles */
@media (max-width: 991.98px) {
    .navbar-nav {
        gap: 10px; /* Reduced gap for mobile */
    }
    
    .navbar-nav .nav-item {
        margin-bottom: 10px;
    }
    
    .navbar-nav .nav-link {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-radius: 5px;
    }
}