/* Keeps the header nav + CTA buttons from overflowing/wrapping at common
   laptop widths (1366-1600px), where the theme's own breakpoints leave a gap
   between the mobile-nav switch (1139px) and full desktop spacing. Loaded
   after the theme stylesheets (with a cache-busting ?v= query string) so
   these rules win without editing vendor CSS, and always refresh on edit.
   Selectors target ".main-header .navigation" directly (not nested under
   .nav-outer/.main-menu) so they also apply to the sticky-header's JS-cloned
   nav copy, not just the initial header-lower one. */
@media only screen and (max-width: 1700px) {
    .main-header .navigation > li {
        margin-right: 14px;
    }

    .main-header .navigation > li > a,
    .main-header .navigation > li > span {
        font-size: 13px;
        white-space: nowrap;
    }

    .main-header .header-lower .outer-box .theme-btn {
        padding: 8px 16px;
        min-width: 0;
        font-size: 13px;
    }

    .main-header .header-lower .outer-box .theme-btn + .theme-btn {
        margin-left: 8px;
    }

    .main-header .auto-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* "Apply to Partner" must stay on a single line */
    .main-header .nav-cta-apply {
        white-space: nowrap;
        padding: 8px 12px;
        font-size: 12px;
    }

    /* "Donate" (and any future longer label here) should wrap rather than
       ever be clipped/truncated */
    .main-header .nav-cta-donate {
        white-space: normal;
        overflow: visible;
    }
}

@media only screen and (max-width: 1400px) {
    .main-header .navigation > li {
        margin-right: 9px;
    }
}