/* ==========================================================================
   Site header + navigation. Markup: resources/views/sections/header.blade.php
   Behaviour: resources/js/nav.js (burger, dropdown close-on-outside/Escape).
   DD Group: white bar, 40px logo, 14px navy links, brand Contact pill;
   collapses to a burger below 1024px.
   ========================================================================== */

.site-header{position:sticky;top:0;z-index:50;background:var(--white)}
.admin-bar .site-header{top:var(--wp-admin--admin-bar--height, 0px)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--header-h)}

/* --- Brand ---------------------------------------------------------------- */
.site-header__brand{display:inline-flex;align-items:center;flex:none;text-decoration:none;color:var(--navy)}
.site-header__brand img,.site-header__brand .custom-logo{width:auto;height:40px}
.site-header__name{font-family:var(--font-display);font-size:var(--step-h3);font-weight:700;letter-spacing:-0.01em}

/* --- Nav row -------------------------------------------------------------- */
.site-header__nav{display:flex;align-items:center;flex:1;min-width:0;justify-content:flex-end;gap:clamp(24px, 4vw, 60px)}
.navdrop__row{
  display:flex;align-items:center;justify-content:center;flex:1;
  gap:clamp(20px, 3.6vw, 56px);margin:0;padding:0;list-style:none;
}
.navdrop__item>summary,
.navdrop__link{
  display:inline-flex;align-items:center;gap:0.4rem;padding:8px 0;
  color:var(--navy);font-size:var(--step-nav);font-weight:400;text-decoration:none;
  cursor:pointer;list-style:none;white-space:nowrap;
  transition:color var(--speed) var(--ease);
}
.navdrop__item>summary::-webkit-details-marker{display:none}
.navdrop__item>summary:hover,.navdrop__link:hover{color:var(--brand)}
.navdrop__link.is-active,.navdrop__item>summary.is-active{color:var(--brand);font-weight:600}
.navdrop__item[open]>summary{color:var(--brand)}

/* --- Dropdown panels (for menus with children) ---------------------------- */
.navdrop__item{position:static}
.navdrop__panel{
  position:absolute;left:0;right:0;top:100%;z-index:40;
  background:var(--white);border-top:1px solid var(--hairline);
  padding-block:clamp(24px, 2.6vw, 40px) clamp(32px, 3.4vw, 48px);
  box-shadow:0 24px 40px -24px rgba(33, 44, 84, .35);
}
.navdrop__card{background:var(--grey-50);border-radius:var(--radius-card);padding:clamp(22px, 2.2vw, 32px)}
.navdrop__card--list{width:min(100%, 400px)}
.navdrop__card--columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:clamp(20px, 3vw, 48px);align-items:start}
.navdrop__group{display:grid;gap:0.75rem;align-content:start}
.navdrop__group>a{text-decoration:none;font-size:var(--step-body);color:var(--navy)}
.navdrop__group>a:hover{color:var(--brand)}
.navdrop__group [aria-current="page"]{font-weight:600;color:var(--brand)}
.navdrop__heading{margin:0 0 0.5rem;font-family:var(--font-display);font-size:var(--step-body);font-weight:600;line-height:1.2;color:var(--navy)}
a.navdrop__heading{display:block;text-decoration:none}
a.navdrop__heading:hover{color:var(--brand)}

/* --- Actions -------------------------------------------------------------- */
.site-header__cta{flex:none}
.site-header__toggle{display:none;color:var(--navy)}
.site-header__toggle svg{width:28px;height:28px}
.site-header__toggle .icon--close{display:none}
.site-header__toggle[aria-expanded="true"] .icon--burger{display:none}
.site-header__toggle[aria-expanded="true"] .icon--close{display:block}
.site-header__nav-cta{display:none}

/* --- Mobile --------------------------------------------------------------- */
@media (max-width: 1024px){
  .site-header__inner{min-height:64px}
  .site-header__brand img,.site-header__brand .custom-logo{height:34px}
  .site-header__toggle{display:inline-flex}
  .site-header__cta{display:none}
  .site-header__nav-cta{display:block;margin-top:20px}

  .site-header__nav{
    position:absolute;top:100%;left:0;right:0;
    display:none;flex-direction:column;align-items:stretch;gap:0;
    background:var(--white);padding:8px var(--gutter) 24px;
    border-top:1px solid var(--hairline);
    box-shadow:0 24px 40px -24px rgba(33, 44, 84, .35);
  }
  .site-header__nav[data-open="true"]{display:flex}

  .navdrop__row{flex-direction:column;align-items:stretch;gap:0}
  .navdrop__row>li{border-bottom:1px solid var(--hairline)}
  .navdrop__row>li:last-child{border-bottom:0}
  .navdrop__item>summary,.navdrop__link{display:flex;width:100%;padding:14px 0;font-size:1.0625rem}
  .navdrop__panel{position:static;box-shadow:none;border:0;padding-block:0 1.25rem}
  .navdrop__panel .container{padding-inline:0}
  .navdrop__card{padding:0;background:none}
  .navdrop__card--list{width:100%}
  .navdrop__card--columns{grid-template-columns:1fr;gap:1.25rem}
}