/*--------------------------------------------------------------
# Site overrides
# Loaded AFTER the theme's style.css / responsive.css so these rules win.
# Keep this file small and document why each override exists.
--------------------------------------------------------------*/

/*
 * Header nav density (>=1400px only).
 *
 * .main-menu__wrapper-inner is a flex row with wrap enabled and 55px side
 * padding. With the theme's stock 30px item gap the row needs more width than
 * the container has, so the right-hand block (phone, language switch, quote
 * button) drops onto a second line. This is stock theme behaviour, not caused
 * by the menu contents.
 *
 * At >=1400px a 16px gap brings the row back under the content width, so the
 * header renders as one line as designed. Below 1400px the logo (240px) plus
 * eight items plus the right block cannot fit at any gap value, so the theme's
 * own spacing is left untouched there rather than cramming the nav for no gain.
 */
@media only screen and (min-width: 1400px) {

    .main-menu .main-menu__list > li + li,
    .stricky-header .main-menu__list > li + li {
        margin-left: 16px;
    }
}
