/* ─── Header & primary nav ──────────────────────────────────────────────────
   Markup: header.php — .header > .container > .brand + .menu-btn + nav.nav
   (wp_nav_menu 'Header menu' → ul.nav-list > li > a). The menu item with the
   custom class "nav-cta" renders as the Book button.
   ────────────────────────────────────────────────────────────────────────── */
.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.header.scrolled{border-color:var(--line);box-shadow:0 6px 20px -16px color-mix(in srgb, var(--ink) 40%, transparent)}
.header .container{display:flex;align-items:center;gap:18px;height:72px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:800 1.28rem/1 var(--f-d);letter-spacing:-.02em;white-space:nowrap}
.brand:hover{color:var(--ink)}
.brand svg{width:34px;height:34px;flex:none}
.nav{margin-left:auto}
.nav-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:4px}
.nav-list a{display:block;font-weight:500;font-size:.95rem;padding:.55em .8em;border-radius:999px;color:var(--ink);transition:background .2s}
.nav-list a:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}
.nav-list .current-menu-item>a,.nav-list .current-menu-ancestor>a{background:var(--ink);color:var(--paper)}
.nav-list .nav-cta{margin-left:8px}
.nav-list .nav-cta>a{display:inline-flex;align-items:center;gap:.55em;background:var(--lantern);color:var(--ink);font-weight:600;padding:.7em 1.1em;border:2px solid transparent;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.nav-list .nav-cta>a::after{content:"→";transition:transform .25s var(--ease)}
.nav-list .nav-cta>a:hover{background:var(--lantern);transform:translateY(-2px);box-shadow:0 10px 24px -10px color-mix(in srgb, var(--lantern-deep) 80%, transparent)}
.nav-list .nav-cta>a:hover::after{transform:translateX(3px)}
.nav-list .nav-cta.current-menu-item>a{background:var(--lantern);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.menu-btn{display:none;margin-left:auto;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:10px 16px;font:600 .95rem var(--f-b)}
.menu-btn .bars{width:18px;height:12px;position:relative}
.menu-btn .bars i{position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.menu-btn .bars i:nth-child(1){top:0}.menu-btn .bars i:nth-child(2){top:5px}.menu-btn .bars i:nth-child(3){top:10px}
.menu-btn[aria-expanded="true"] .bars i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .bars i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .bars i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
@media (max-width:1100px){
  .menu-btn{display:inline-flex}
  .nav{position:fixed;inset:72px 0 auto 0;margin:0;background:var(--paper);padding:12px var(--gut) 24px;border-bottom:1px solid var(--line);box-shadow:0 30px 40px -30px color-mix(in srgb, var(--ink) 40%, transparent);max-height:calc(100vh - 72px);overflow:auto;display:none;scrollbar-width:thin;scrollbar-color:var(--lantern) var(--paper-2)}
  .nav.open{display:block;animation:drop .3s var(--ease)}
  .nav-list{flex-direction:column;align-items:stretch;gap:2px}
  .nav-list a{padding:.85em 1em;font-size:1.05rem}
  .nav-list .nav-cta{margin:10px 0 0}
  .nav-list .nav-cta>a{justify-content:center}
}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}