/* Home header theme correction. Supports the existing body.dark and html.dark states. */
html.dark .navigation-wrap,
body.dark .navigation-wrap,
html.dark .navigation-wrap.bg-white,
body.dark .navigation-wrap.bg-white,
html.dark .navigation-wrap .navbar,
body.dark .navigation-wrap .navbar {
    background: #2e2446 !important;
    color: #f8f7ff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 10px 28px rgba(20, 11, 42, 0.26) !important;
}

html.dark .navigation-wrap .nav-link,
body.dark .navigation-wrap .nav-link,
html.dark .navigation-wrap .nav-link-direct,
body.dark .navigation-wrap .nav-link-direct,
html.dark .navigation-wrap .navbar-nav,
body.dark .navigation-wrap .navbar-nav {
    color: #f1edff !important;
}

html.dark .navigation-wrap .nav-active .nav-link,
body.dark .navigation-wrap .nav-active .nav-link,
html.dark .navigation-wrap .nav-item:hover .nav-link,
body.dark .navigation-wrap .nav-item:hover .nav-link {
    color: #ffffff !important;
}

html.dark .navigation-wrap .reg-btn,
body.dark .navigation-wrap .reg-btn {
    color: #f1edff !important;
    border-color: rgba(241, 237, 255, 0.55) !important;
}

html.dark .navigation-wrap .log-btn,
body.dark .navigation-wrap .log-btn {
    color: #ffffff !important;
}

html.dark .navigation-wrap .navbar-toggler path,
body.dark .navigation-wrap .navbar-toggler path {
    fill: #f1edff !important;
}

/* Keep the fixed header visually cohesive instead of showing two bars. */
.navigation-wrap .navbar {
    min-height: 68px;
}

@media (max-width: 767px) {
    html.dark .navigation-wrap .navbar-collapse,
    body.dark .navigation-wrap .navbar-collapse {
        background: #2e2446 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.14);
    }
}