/* SP14b: keep the compact header until the longer "Tyrannosaurus Rex"
   nav label, the £99 SEO audit button and the award badges fit on one row.
   Desktop nav returns from 1200px. 1440 and the ≤900px mobile header are unchanged. */
@media (min-width: 901px) and (max-width: 1199px) {
  header.top .shell.nav,
  html[data-wba-theme] header.top .shell.nav {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    position: relative !important;
    width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  header.top .nav-brand,
  html[data-wba-theme] header.top .nav-brand {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
  }
  header.top .nav-brand .word {
    width: 120px !important;
    height: 23px !important;
  }
  header.top .nav-toggle,
  html[data-wba-theme] header.top .nav-toggle {
    display: inline-flex !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
  }
  header.top .nav-end,
  html[data-wba-theme] header.top .nav-end {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    min-width: 0 !important;
  }
  header.top .nav-end > a.nav-cta,
  html[data-wba-theme] header.top .nav-end > a.nav-cta {
    display: none !important;
  }
  header.top nav.nav-links,
  html[data-wba-theme] header.top nav.nav-links {
    display: none !important;
  }
  header.top nav.nav-links.open {
    display: flex !important;
  }
  header.top .mega {
    display: none !important;
  }
  header.top .nav-item-services {
    display: none !important;
  }
  header.top .aww-badge {
    order: 0;
    min-width: 0 !important;
  }
  /* Beat the desktop rule that hides the mobile menu at ≥901px. */
  .mobile-menu.is-open {
    display: block !important;
  }
}