/* V0LT V18.63 — protect the public header at laptop widths.
   Keep labels intact; reclaim excess gaps before changing any navigation mode.
   The existing mobile menu and estimate-button breakpoints are unchanged. */
@media (min-width: 1021px) {
  .site-header > .brand {
    flex: 0 0 auto;
    min-width: 0;
  }
  .site-header > .brand .brand-copy {
    flex: 0 0 auto;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }
  .site-header > .brand .brand-copy small {
    white-space: nowrap;
  }
  .site-header > .main-nav {
    flex: 0 0 auto;
    flex-wrap: nowrap;
  }
  .site-header > .main-nav > a {
    flex: 0 0 auto;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }
  .site-header > .header-estimate,
  .site-header > .header-tools {
    flex: 0 0 auto;
  }
}

/* A 14-inch laptop can expose several CSS viewport widths depending on
   resolution, scaling and browser zoom. Do not key this fix to screen inches. */
@media (min-width: 1021px) and (max-width: 1449px) {
  .site-header {
    padding-inline: clamp(24px, 2.35vw, 34px);
    gap: clamp(14px, 1.25vw, 18px);
  }
  .site-header > .brand {
    gap: 10px;
  }
  .site-header > .brand .brand-copy small {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 1.65px;
  }
  .site-header > .main-nav {
    gap: clamp(14px, 1.22vw, 18px);
  }
  .site-header > .main-nav > a {
    font-size: 14px;
    line-height: 1.4;
  }
  .site-header > .header-estimate {
    padding-inline: 15px;
    gap: 10px;
    font-size: 15px;
  }
  .site-header > .header-tools {
    padding-left: 12px;
    gap: 2px;
  }
}