/**
 * Desktop header / primary menu horizontal inset.
 *
 * Gives the top bar and main menu up to 200px of breathing room from the
 * viewport edges, but never squeezes the nav below the width it needs to stay
 * on a single line (otherwise items wrap and the header doubles in height).
 */

@media (min-width: 1200px) {
    .vl-header-top > .container,
    .header-area.homepage1 > .container {
        max-width: 100%;
        padding-left: clamp(24px, calc((100vw - 1180px) / 2), 200px);
        padding-right: clamp(24px, calc((100vw - 1180px) / 2), 200px);
    }

    /* Logo, nav and CTA must stay on one row. */
    .header-area.homepage1 .header-elements {
        flex-wrap: nowrap;
    }

    .header-area.homepage1 .header-elements .main-menu > ul {
        white-space: nowrap;
        margin-bottom: 0;
    }

    /* Dropdown panels are absolutely positioned, so restore normal wrapping. */
    .header-area.homepage1 .header-elements .main-menu ul.dropdown-padding,
    .header-area.homepage1 .header-elements .main-menu ul.sub-menu {
        white-space: normal;
    }
}

/* Tighten link padding where space is limited so nothing wraps. */
@media (min-width: 1200px) and (max-width: 1599.98px) {
    .header-area.homepage1 .header-elements .main-menu ul li a {
        padding: 0 12px;
    }
}