/* site-chrome.css — shared header/footer chrome for ALL pages.
   Promoted from home-fidelity.css (which only loaded on the front page),
   so interior pages match the homepage header, logo, nav, and badges.
   Added 2026-06-15 to fix interior/home header mismatch. */

/* Utility bar */
.utility{background:#f6f6f6}
.utility .wrap{min-height:70px}
.utility .social a{width:42px;height:42px;background:#e8eef8;font-size:14px}
.utility .btn.small{height:46px;padding:0 28px;border-radius:1px}

/* Header + logo + primary nav + badges */
.site-header .wrap{min-height:148px;grid-template-columns:225px 1fr 260px}
.logo img{max-height:112px}
.main-nav{gap:34px}
.main-nav a{font-size:17px;font-weight:700;line-height:25px;letter-spacing:0}
.badges img{max-height:60px}

/* Footer chrome */
.site-footer{background:#fff}
.footer-main{min-height:205px}
.footer-main .logo img{max-height:118px}
.copyright{background:#f4f4f4}

/* Header responsive parity (mirrors home-fidelity breakpoints) */
@media(max-width:1100px){
  .site-header .wrap{grid-template-columns:180px 1fr}
  .badges{grid-column:1/-1;justify-content:center}
}
@media(max-width:700px){
  .utility .wrap{justify-content:center;flex-wrap:wrap}
  .site-header .wrap{grid-template-columns:1fr;text-align:center}
  .logo{margin:auto}
  .main-nav{gap:16px}
}

/* ===== Header fix 2026-06-23: single-line nav, divider separators, fits 6+ items, no badge overlap, same on all pages ===== */
@media(min-width:1200px){
  .site-header .wrap{display:flex !important;grid-template-columns:none !important;align-items:center;column-gap:clamp(16px,2vw,40px) !important;flex-wrap:nowrap;min-height:148px;}
  .site-header .logo{flex:0 0 auto;}
  .main-nav{flex:1 1 auto;width:auto !important;min-width:0;display:flex !important;flex-wrap:nowrap !important;justify-content:center;align-items:center;gap:0 !important;transform:none !important;height:auto !important;margin:0 !important;padding:0 !important;}
  .main-nav>a,.main-nav>.nav-item{display:flex !important;align-items:center;height:30px;padding:0 clamp(11px,1.2vw,20px) !important;white-space:nowrap;transform:none !important;width:auto !important;}
  .main-nav>a,.main-nav>.nav-item>a{font-size:clamp(13px,1vw,16px) !important;}
  .main-nav>.nav-item>a{padding:0 !important;}
  .main-nav>a:not(:first-child),.main-nav>.nav-item:not(:first-child){border-left:1px solid #cfd5e0;}
  .badges{flex:0 0 auto;transform:none !important;justify-content:flex-end;padding-left:0 !important;margin-left:auto;}
  .badges img{max-height:54px;}
}