/* Shared public and authenticated-user frontend header. */
.header-bottom--dark {
    border-bottom: 1px solid rgba(var(--base), 0.22);
    background: #171922;
    box-shadow: 0 5px 18px rgba(9, 10, 15, 0.24);
}

.header-bottom--dark .navbar {
    background: transparent;
}

.header-bottom--dark .navbar-brand {
    padding: 6px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
}

.header-bottom--dark .nav-menu .nav-link {
    color: rgba(255, 255, 255, 0.78);
}

.header-bottom--dark .nav-menu .nav-link:hover,
.header-bottom--dark .nav-menu .nav-link:focus,
.header-bottom--dark .nav-menu .nav-link.active {
    color: #fff;
}

.header-bottom--dark .nav-menu .nav-link::before {
    background: var(--linear-bg);
}

.header-bottom--dark .navbar-toggler,
.header-bottom--dark .header-button {
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
}

.header-bottom--dark .header-login .btn--outline {
    border-color: rgba(var(--base), 0.78);
    color: #fff;
}

.header-bottom--dark .language-select {
    color: #fff;
    background-color: #171922;
}

@media (max-width: 991.98px) {
    .header-bottom--dark .navbar-collapse {
        background: #1c1f29;
    }

    .header-bottom--dark .nav-menu .nav-link {
        color: rgba(255, 255, 255, 0.86);
    }
}