/* Morgan-GLII — site header, primary navigation and mobile navigation.
   Ported verbatim from the static prototype. The menu markup is produced by
   GLII_Nav_Walker (inc/class-glii-nav-walker.php) as bare <a> elements so these
   selectors match exactly as they did in the static build. */

header.site{
  position:sticky;top:env(safe-area-inset-top,0px);z-index:50;
  background:color-mix(in srgb, #FFFFFF 92%, transparent);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  box-shadow:0 6px 24px -18px rgba(7,21,39,.35);
}
/* WP: keep the sticky header below the admin toolbar for logged-in users */
.admin-bar header.site{top:32px;}
@media screen and (max-width:782px){ .admin-bar header.site{top:46px;} }
@media screen and (max-width:600px){ .admin-bar header.site{top:0;} }

.nav-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding-block:12px;
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto;}
.brand img{height:40px;width:auto;}
@media (min-width:860px){ .brand img{height:42px;} }
@media (min-width:1140px){ .brand img{height:52px;} }

/* ---------- Primary navigation ---------- */
nav.primary{display:none;align-items:center;gap:2px;flex:1 1 auto;justify-content:flex-end;}
nav.primary a{
  color:var(--navy);text-decoration:none;font-size:14.5px;font-weight:500;
  padding:9px 13px;border-radius:999px;transition:background .15s,color .15s;white-space:nowrap;
}
nav.primary a:hover{background:var(--navy-tint);color:var(--navy);}
nav.primary a.active,
nav.primary a[aria-current="page"]{background:var(--orange);color:#fff;font-weight:600;}
.menu-btn{
  display:inline-flex;background:none;border:1px solid var(--line);border-radius:10px;
  padding:8px 10px;cursor:pointer;color:var(--navy);
}
.menu-btn svg{width:20px;height:20px;}
@media (min-width:860px){
  nav.primary{display:flex;}
  .menu-btn{display:none;}
}

/* ---------- Mobile navigation ---------- */
#mobileNav{
  display:none;flex-direction:column;gap:2px;padding:8px 20px 18px;
  border-top:1px solid var(--line);
}
#mobileNav.open{display:flex;}
#mobileNav a{
  color:var(--navy);text-decoration:none;padding:11px 6px;font-size:15px;font-weight:500;
  border-bottom:1px solid var(--line);
}
#mobileNav a.active,
#mobileNav a[aria-current="page"]{color:var(--orange);font-weight:600;}