/* ==========================================================================
   Reviews Sorted - Enterprise Navigation Overrides (v7.0)
   ========================================================================== */

/* Used to strip Bootstrap's native nav styling */
.rs-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rs-nav-menu > li {
    margin-bottom: var(--rs-space-1);
}

.rs-nav-menu > li > a {
    display: flex;
    align-items: center;
    gap: var(--rs-space-3);
    padding: var(--rs-space-2) var(--rs-space-3);
    color: var(--rs-text-main);
    text-decoration: none;
    border-radius: var(--rs-radius-md);
    font-size: var(--rs-font-size-sm);
    font-weight: 500;
    transition: all var(--rs-transition-fast);
}

.rs-nav-menu > li > a:hover,
.rs-nav-menu > li > a:focus {
    background-color: var(--rs-bg-app);
    color: var(--rs-primary);
    text-decoration: none;
    outline: none;
}

.rs-nav-menu > li.active > a,
.rs-nav-menu > li.active > a:hover,
.rs-nav-menu > li.active > a:focus {
    background-color: var(--rs-primary-dark);
    color: var(--rs-white);
}

/* Nav Submenus (if any) */
.rs-nav-menu .nav-second-level {
    list-style: none;
    padding-left: var(--rs-space-4);
    margin-top: var(--rs-space-1);
}

.rs-nav-menu .nav-second-level > li > a {
    font-size: var(--rs-font-size-xs);
    padding: var(--rs-space-1) var(--rs-space-3);
    color: var(--rs-text-muted);
}

.rs-nav-menu .nav-second-level > li > a:hover {
    color: var(--rs-primary);
}

.rs-nav-menu .nav-second-level > li.active > a {
    color: var(--rs-text-main);
    font-weight: 600;
}