/* =====================================================================
   Site header and top bar alignment (GTU, Oct 2026). Sitewide.

   1. Header container. Customizer "Additional CSS" widens #masthead
      .container to 1400px at 1200+, so the logo and CTAs sit outside the
      page's 1140px (1315px at 1890+) content column. This puts the header
      back on the same column as the top bar and page content, matching
      the ConduX comp. `body #masthead` outranks the Customizer rule.
      Once this is live, the Customizer rule can be deleted.
   2. Header row. Logo and CTAs take their natural width; the nav takes
      the rest and centers in it, instead of fixed col-lg-2/7/3 widths.
   3. Nav item spacing. The 1140px column only fits the five top-level
      items on one line with tighter padding (verified with the live fonts
      at 1200, 1475 and 1880). At 1890+ the column is 1315px and the
      fortis-nav plugin's 20px / 30px padding fits, so it is left alone.
   4. Top bar. The message column was col-lg-6 (540px of text room) and
      the message needs ~548px, so the trailing chevron wrapped onto its
      own line. The message now takes the free width and stays on one line
      at 992+; phones keep the theme's wrapping.
   ===================================================================== */

@media (min-width: 1200px) {
  /* 1 */
  body #masthead .container { max-width: 1140px; }

  /* 2 */
  #masthead .container > .row { flex-wrap: nowrap; }
  #masthead .container > .row > [class*="col-lg-"] { flex: 0 0 auto; width: auto; max-width: none; }
  #masthead .container > .row > .col-lg-7 { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
}

@media (min-width: 1200px) and (max-width: 1889px) {
  /* 3. !important answers the fortis-nav plugin's own !important padding. */
  #masthead #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    padding-left: 10px !important;
    padding-right: 18px !important;
  }
}

@media (min-width: 1890px) {
  body #masthead .container { max-width: 1315px; }
}

@media (min-width: 992px) {
  /* 4 */
  .top-header .container > .row { flex-wrap: nowrap; }
  .top-header .container > .row > .col-lg-6:first-child { flex: 1 1 auto; width: auto; max-width: none; }
  .top-header .container > .row > .col-lg-6:last-child { flex: 0 0 auto; width: auto; max-width: none; }
  .top-text p { white-space: nowrap; }
}