/**
 * Header fixes (2026-09-14)
 * Keep the desktop nav links and the Login / Book a Consultation buttons on one
 * line at laptop widths. The theme's compiled stylesheet lets that row wrap and
 * uses its largest type from 1200px up, which only fits above ~1450px.
 * Loaded after style.min.css via functions.php (handle: header-fixes).
 */

/* Desktop header (the theme shows .site-header from 47.5em) */
@media screen and (min-width: 47.5em) {
  .site-header .navigation--main a {
    white-space: nowrap;
  }
  .site-header .header-col-1,
  .flexbox .site-header .header-col-1 {
    width: auto;
    flex: 0 0 auto;
  }
  .site-header .header-col-2,
  .flexbox .site-header .header-col-2 {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
  }
  .flexbox .site-header .navigation--main {
    align-items: center;
  }
}

/* Compact sizing between tablet-landscape and large desktop */
@media screen and (min-width: 47.5em) and (max-width: 90.5em) {
  .site-header .site-branding .site-logo {
    width: 12.5em;
  }
  .site-header .navigation--main .nav-list a {
    font-size: 1em;
    padding: .5em .15em;
  }
  .site-header .navigation--main .nav-list li + li {
    margin-left: .5em;
  }
  .site-header .navigation--main > ul + ul {
    margin-left: 1em;
  }
  .site-header .navigation--main .nav-button a {
    font-size: .7em;
    padding: .8em .9em;
  }
  .site-header .navigation--main .nav-button li + li {
    margin-left: .5em;
  }
}

/* From ~992px up everything fits on one line, so never wrap */
@media screen and (min-width: 62em) {
  .site-header .navigation--main,
  .flexbox .site-header .navigation--main {
    flex-wrap: nowrap;
  }
}