/* ==========================================================================
   Site header + navigation. Markup: resources/views/sections/header.blade.php
   Behaviour: resources/js/nav.js (burger, close-on-outside/Escape).
   AKN: white bar, text wordmark, phone + yellow pill, menu button on phones.
   ========================================================================== */

.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--hairline)}
.admin-bar .site-header{top:var(--wp-admin--admin-bar--height, 0px)}
.site-header__inner{display:flex;align-items:center;gap:clamp(16px, 2vw, 32px);min-height:var(--header-h)}

/* --- Wordmark ------------------------------------------------------------- */
.site-header__brand{display:flex;align-items:center;flex:none;text-decoration:none;color:var(--ink)}
.site-header__logo{width:auto;height:66px;max-width:260px;object-fit:contain}
@media (max-width: 960px){ .site-header__logo{height:54px} }
.wordmark{display:inline-flex;flex-direction:column;line-height:.9;font-weight:800;letter-spacing:-0.03em}
.wordmark__mark{font-size:2rem}
.wordmark__mark b{color:var(--accent);font-weight:inherit}
.wordmark__name{font-size:.72rem;font-weight:700;letter-spacing:0;margin-top:.2rem;color:var(--accent-text)}

/* --- Nav row -------------------------------------------------------------- */
.site-header__nav{flex:1;min-width:0}
.navdrop__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:clamp(1rem, 1.6vw, 1.5rem);margin:0;padding:0;list-style:none}
.navdrop__item>summary,
.navdrop__link{
  display:inline-flex;align-items:center;gap:.4rem;padding:6px 0;border-bottom:2px solid transparent;
  color:var(--ink);font-size:var(--step-nav);font-weight:550;text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap;
}
.navdrop__item>summary::-webkit-details-marker{display:none}
.navdrop__item>summary:hover,.navdrop__link:hover{border-bottom-color:var(--accent)}
.navdrop__link.is-active,.navdrop__item>summary.is-active{border-bottom-color:var(--ink)}
.navdrop__item[open]>summary{border-bottom-color:var(--accent)}

/* --- Dropdown panels (child pages) ---------------------------------------- */
.navdrop__item{position:static}
.navdrop__panel{position:absolute;left:0;right:0;top:100%;z-index:40;background:var(--grey-50);padding-block:24px 32px;box-shadow:0 18px 30px -22px rgba(30,42,46,.35)}
.navdrop__card{background:var(--white);padding:22px 24px;border-radius:var(--radius-photo)}
.navdrop__card--list{width:min(100%, 400px)}
.navdrop__group{display:grid;gap:.75rem;align-content:start}
.navdrop__group>a{text-decoration:none;font-size:var(--step-nav)}
.navdrop__group>a:hover{text-decoration:underline}
.navdrop__group [aria-current="page"]{font-weight:650;text-decoration:underline;text-underline-offset:3px}
.navdrop__heading{margin:0 0 .5rem;font-weight:700;color:var(--ink)}

/* --- Actions -------------------------------------------------------------- */
.site-header__actions{display:flex;align-items:center;gap:.9rem;flex:none;margin-left:auto}
.site-header__phone{display:inline-flex;align-items:center;gap:.4rem;font-weight:650;white-space:nowrap;text-decoration:none;color:var(--ink)}
.site-header__phone svg{width:1.1em;height:1.1em}
.site-header__cta{min-height:44px;font-size:var(--step-nav)}
.site-header__toggle{display:none;align-items:center;gap:.5rem;background:none;border:2px solid var(--ink);border-radius:var(--radius-pill);padding:.45rem .9rem;font:inherit;font-weight:650;color:var(--ink);cursor:pointer}
.site-header__nav-cta{display:none}

/* --- Phones and tablets --------------------------------------------------- */
@media (max-width: 960px){
  .site-header__toggle{display:inline-flex}
  .site-header__cta{display:none}
  .site-header__nav-cta{display:block}
  .site-header__phone span{display:none}
  .site-header__phone{border:2px solid var(--ink);border-radius:var(--radius-pill);padding:.45rem .7rem}

  .site-header__nav{position:absolute;top:100%;left:0;right:0;background:var(--white);border-bottom:1px solid var(--hairline);max-height:0;overflow:hidden;transition:max-height var(--speed) var(--ease)}
  .site-header__nav[data-open="true"]{max-height:min(80vh, 720px);overflow:auto}
  .navdrop__row{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:8px var(--gutter) 20px;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;border-bottom:0;font-size:1.1rem}
  .navdrop__link.is-active{color:var(--accent-text)}
  .navdrop__panel{position:static;box-shadow:none;background:none;padding-block:0 1rem}
  .navdrop__panel .container{padding-inline:0}
  .navdrop__card{padding:0;background:none}
  .navdrop__card--list{width:100%}
}
@media (prefers-reduced-motion: reduce){ .site-header__nav{transition:none} }