/* ===== KBF HEADER ===== */

/* White branding/header area */
.container-header {
    background: #ffffff !important;
    background-image: none !important;
}

/* Keep the logo compact */
.container-header .navbar-brand img {
    width: auto;
    max-height: 96px;
    max-width: 90vw;
}

/* Navigation row */
.container-header .container-nav {
    position: relative;
    color: #ffffff;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

/* Full-width dark blue background behind menu/search only */
.container-header .container-nav::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #122855;
    z-index: 0;
}

/* Keep menu/search above the blue background */
.container-header .container-nav > * {
    position: relative;
    z-index: 1;
}

/* Smaller logo on phones */
@media (max-width: 767.98px) {
    .container-header .navbar-brand img {
        max-height: 70px;
        max-width: 90vw;
    }
}