/* Written on each publish by the deploy agent. Loads after wsg.css so it wins. */

/* Hero overlay copy — horizontal inset */
@media (min-width: 992px) {
  .textover p {
    padding: 0 170px !important;
  }
}

/* ===========================================================================
   Desktop header layout — logo left, single nav line floated right.

   The legacy theme split the nav into left/right clusters around a centered
   logo, with DIFFERENT sticky vs non-sticky spacing across several files and
   ~6 width breakpoints. We replace that with ONE flex row applied IDENTICALLY
   to the normal and sticky states (so they can't drift): the logo is pinned to
   the left, and the nav menu is justified hard to the right. This file loads
   last, so it wins the cascade. Applies to both image-logo and text-logo
   headers. Scoped to (min-width:992px) so the mobile menu (<992px) is
   untouched. */
@media (min-width: 992px) {
  /* Header is a single flex row, same box in both states. */
  .fly-header-site.fly-header-type-1,
  .fly-header-site.fly-header-type-1.sticky-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: auto !important;
    /* Bar stays full-width (sticky background spans the screen); the logo↔menu
       content zone is capped at 1500px and centered via responsive padding,
       with a 40px minimum gutter on narrower desktops. */
    padding: 12px max(40px, calc((100% - 1500px) / 2)) !important;
  }

  /* Logo: pinned left, natural width, no legacy centering margins/offsets. */
  .fly-header-type-1 .fly-wrap-logo,
  .fly-header-type-1.sticky-menu .fly-wrap-logo {
    flex: 0 0 auto !important;
    position: static !important;
    top: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    max-width: none !important;
    max-height: none !important;
  }

  /* Nav cluster: hugs the right edge, vertically centered on the logo. */
  .fly-header-type-1 .fly-nav-wrap,
  .fly-header-type-1.sticky-menu .fly-nav-wrap {
    flex: 0 1 auto !important;
    width: auto !important;
    position: static !important;
    top: 0 !important;
    margin: 0 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Links justified to the right. */
  .fly-header-type-1 .fly-nav-wrap .fly-nav-menu,
  .fly-header-type-1.sticky-menu .fly-nav-wrap .fly-nav-menu {
    text-align: right !important;
    margin: 0 !important;
  }

  /* Nav link spacing — identical in both states. Symmetric vertical padding
     keeps the link text vertically centered while preserving the
     padding-bottom dropdown hover bridge. */
  .fly-header-type-1 .fly-site-navigation .fly-nav-menu li,
  .fly-header-type-1.sticky-menu .fly-site-navigation .fly-nav-menu li {
    margin-left: 36px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .fly-header-type-1 .fly-site-navigation .fly-nav-menu li:first-child,
  .fly-header-type-1.sticky-menu .fly-site-navigation .fly-nav-menu li:first-child {
    margin-left: 0 !important;
  }
}

/* ===========================================================================
   Mobile nav (portrait + landscape, < 992px): widen the text wordmark.
   The 14ch cap in brand-vars.php keeps the header logo narrow on phones; let it
   use more of the available bar width before wrapping.
   =========================================================================== */
@media (max-width: 991px) {
  .brand-logo-is-text .fly-header-site .logowhite .brand-logo-text,
  .brand-logo-is-text .fly-header-site .logoblack .brand-logo-text {
    max-width: 70vw !important;
    font-size: clamp(1.6rem, 7vw, 2.6rem) !important;
  }
  .brand-logo-is-text .fly-header-site .fly-wrap-logo {
    max-width: 75vw !important;
  }
}