/* Wenrex Cocoa navbar theme override v18 */
.navbar .navbar-nav > .nav-item > .nav-link,
.navbar .navbar-nav > .nav-link {
    color: var(--primary) !important;
    border-radius: 999px;
    transition: color .22s ease, background-color .22s ease, box-shadow .22s ease;
}

.navbar .navbar-nav > .nav-item > .nav-link.active,
.navbar .navbar-nav > .nav-link.active {
    color: var(--primary) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.navbar .navbar-nav > .nav-item > .nav-link:hover,
.navbar .navbar-nav > .nav-item > .nav-link.active:hover,
.navbar .navbar-nav > .nav-link:hover,
.navbar .navbar-nav > .nav-link.active:hover {
    color: #fff !important;
    background: var(--primary) !important;
    box-shadow: 0 7px 18px rgba(42, 93, 82, .15);
}

.navbar .dropdown-menu .dropdown-item {
    color: var(--primary);
    transition: color .18s ease, background-color .18s ease;
}

.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu .dropdown-item.active {
    color: #fff;
    background: var(--primary);
}

/* Keep the compact globe-only language selector visually consistent. */
.navbar .notranslate > .nav-link {
    color: var(--primary) !important;
}

.navbar .notranslate > .nav-link:hover,
.navbar .notranslate > .nav-link:focus,
.navbar .notranslate.show > .nav-link {
    color: #fff !important;
    background: var(--primary);
}

@media (min-width: 992px) {
    .navbar .navbar-nav > .nav-item > .nav-link,
    .navbar .navbar-nav > .nav-link {
        padding-left: 12px;
        padding-right: 12px;
        margin-right: 11px;
    }
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav > .nav-item > .nav-link,
    .navbar .navbar-nav > .nav-link {
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 3px;
    }
}
