#top-navbar-container {
    background-color: var(--neutral-light);
    color: var(--primary-teal);
    padding: 0.5rem 0;
}

#top-navbar-container>.container-fluid {
    padding: 0 1rem;
}

.navbar-logo:nth-of-type(2) {
    margin-left: 1rem;
}

.nav-link {
    color: var(--primary-teal);
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0.5rem 1rem !important;
    transition: color 0.3s ease;
}

a.nav-link:hover {
    color: var(--hover-copper);
}

a.nav-link:focus,
a.nav-link:active {
    color: var(--primary-copper);
}

/* Mobile menu styles */
.navbar-toggler {
    border: none;
    padding: 0.25rem 0.5rem;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 2px var(--primary-teal);
}

/* Dropdown menu adjustments */
.dropdown-menu {
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.dropdown-item {
    padding: 0.5rem 1rem;
    transition: background-color 0.2s ease;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--neutral-medium);
    color: var(--primary-teal);
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .navbar-collapse {
        background-color: var(--neutral-light);
        padding: 1rem;
        margin-top: 0.5rem;
        border-radius: 4px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .nav-link {
        padding: 0.75rem 0 !important;
    }

    .dropdown-menu {
        box-shadow: none;
        border-left: 2px solid var(--primary-teal);
        margin-left: 1rem;
    }
}

@media (max-width: 576px) {
    #top-navbar-container>.container-fluid {
        padding: 0 0.5rem;
    }

    .navbar-brand {
        margin-right: 0.5rem;
    }
}