/* Header nav styling. The condensed variant is applied when the hamburger menu is
   hidden and all nav items must fit on a single horizontal row. */

#header-container #menu-primary-navigation {
    gap: 1rem;
}

@media (max-width: 991.98px) {
    #header-container.nav-condensed #menu-primary-navigation {
        gap: 0.25rem;
    }

    #header-container.nav-condensed .nav-item {
        margin-inline: 0;
    }

    #header-container.nav-condensed .nav-link {
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }

    #header-container.nav-condensed .navbar-brand {
        margin-right: 0.5rem;
    }

        #header-container.nav-condensed .navbar-brand .brand-logo {
            height: 36px;
            max-height: 36px;
            max-width: 120px;
        }
}