/* ============================================================================
   NAVBAR — fixed top navigation
   ----------------------------------------------------------------------------
   Loaded by : every page
   Depends on: base/tokens.css
   Scripted by: js/ui.js (adds .scrolled once the page scrolls past 10px)

   The navbar is position:fixed, so it is out of flow. Whatever sits directly
   beneath it must reserve --navbar-h of space — see components/partner-banner.css.
   ============================================================================ */

.navbar{
  position:fixed;top:0;left:0;right:0;z-index:999;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--gutter);height:var(--navbar-h);
  background:var(--white);
  border-bottom:1px solid var(--border);
  transition:box-shadow 0.3s;
}
/* Added by js/ui.js on scroll — lifts the bar off the page. */
.navbar.scrolled{box-shadow:var(--shadow);}

.nav-logo img{height:64px;width:auto;object-fit:contain;}

.nav-links{display:flex;align-items:center;gap:2.2rem;}
.nav-links a{
  font-size:0.88rem;font-weight:500;color:var(--text-mid);
  transition:color 0.25s;position:relative;padding-bottom:4px;
}
/* Underline that grows from the left on hover / for the current page. */
.nav-links a::after{
  content:'';position:absolute;bottom:0;left:0;width:0;height:2px;
  background:var(--navy);transition:width 0.3s;
}
.nav-links a:hover,.nav-links a.active{color:var(--navy);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}

/* The "Get Quote" button lives in the same <ul>, so it has to override the
   plain-link styles above. */
.nav-cta{
  background:var(--navy)!important;color:var(--white)!important;
  padding:9px 22px;border-radius:4px;font-weight:600!important;
  font-size:0.86rem!important;letter-spacing:0.3px;
  transition:background 0.25s,box-shadow 0.25s!important;
}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--blue)!important;box-shadow:var(--shadow-md)!important;}

@media(max-width:640px){
  .nav-links{display:none;}
}