/* Site header (mu-plugin jc-header.php). Scoped to #jc-hd. Montserrat only (already loaded on every page).
   Fixed to the top of the window; the page gets matching top padding so nothing hides under it. */
html{scroll-padding-top:96px}
html.jch-lock{overflow:hidden}
body.jc-has-hd{padding-top:76px}
#jc-hd{
  --ink:#1d2045;--plate:#2a2d6d;--muted:#5b5e78;--line:#e3e5ee;--accent:#fee04a;--bg:#f3f4f8;--bar:#fff;--bar-ink:var(--ink);
  position:fixed;top:0;left:0;right:0;z-index:9990;background:var(--bar);border-bottom:1px solid var(--line);
  font-family:"Montserrat",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:box-shadow .2s ease;
}
.admin-bar #jc-hd{top:32px}
#jc-hd.is-scrolled{box-shadow:0 8px 24px -16px rgba(29,32,69,.35)}
#jc-hd *,#jc-hd *::before,#jc-hd *::after{box-sizing:border-box}
#jc-hd ul{list-style:none;margin:0;padding:0}
#jc-hd li{margin:0;padding:0}
#jc-hd a{text-decoration:none;color:inherit}
#jc-hd button{font:inherit;margin:0;border:0;background:none;cursor:pointer;color:inherit;padding:0;text-align:left}
#jc-hd :focus-visible{outline:3px solid var(--plate);outline-offset:2px;border-radius:6px}

#jc-hd .jch-bar{max-width:1240px;margin:0 auto;height:76px;display:flex;align-items:center;gap:24px;padding:0 max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px))}
#jc-hd .jch-logo{flex:none;display:block}
#jc-hd .jch-logo img{display:block;width:220px;height:auto;max-width:none}
#jc-hd .jch-toggle{display:none}
#jc-hd .jch-a svg{flex:none;transition:transform .18s ease}
#jc-hd .jch-li.is-open>.jch-a svg{transform:rotate(180deg)}

/* overview link at the top of each dropdown */
#jc-hd .jch-ov{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:6px;border-radius:8px;background:var(--bg);font-weight:700;font-size:15px;color:var(--plate)}
#jc-hd .jch-ov svg{transition:transform .15s ease}
#jc-hd .jch-ov:hover svg{transform:translateX(3px)}
#jc-hd .jch-ov:hover{background:var(--accent)}

/* ---------- desktop ---------- */
@media (min-width:1024px){
  #jc-hd .jch-nav{margin-left:auto;height:100%}
  #jc-hd .jch-top{display:flex;align-items:center;height:100%;gap:2px}
  #jc-hd .jch-li{position:relative;height:100%;display:flex;align-items:center}
  #jc-hd .jch-a{display:flex;align-items:center;gap:6px;height:100%;padding:0 14px;font-size:15px;font-weight:600;color:var(--bar-ink);letter-spacing:.005em;position:relative;white-space:nowrap}
  #jc-hd .jch-a svg{opacity:.65}
  #jc-hd .jch-a::after{content:"";position:absolute;left:14px;right:14px;bottom:18px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
  #jc-hd .jch-a:hover::after,#jc-hd .jch-li.is-open>.jch-a::after,#jc-hd .jch-li.is-current>.jch-a::after{transform:scaleX(1)}

  #jc-hd .jch-drop{position:absolute;top:100%;left:0;min-width:260px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 24px 48px -24px rgba(29,32,69,.4);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}
  #jc-hd .jch-li.is-open>.jch-drop{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  #jc-hd .jch-li:nth-last-child(-n+2) .jch-drop{left:auto;right:0}
  #jc-hd .jch-list a,#jc-hd .jch-col li a{display:block;padding:10px 14px;border-radius:8px;font-size:15px;font-weight:500;color:var(--ink);white-space:nowrap}
  #jc-hd .jch-list a:hover,#jc-hd .jch-col li a:hover,#jc-hd .jch-drop a[aria-current]{background:var(--bg)}
  #jc-hd .jch-drop a[aria-current]{box-shadow:inset 3px 0 0 var(--accent)}
  #jc-hd .jch-drop.is-mega{min-width:520px;padding:16px}
  #jc-hd .jch-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:6px}
  #jc-hd .jch-col-h{display:block;padding:8px 14px 10px;margin-bottom:4px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--plate)}
  #jc-hd .jch-col-h:hover{color:var(--ink)}

  #jc-hd .jch-li-btn{margin-left:12px}
  #jc-hd .jch-btn{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;background:var(--accent);color:var(--plate);font-size:15px;font-weight:700;white-space:nowrap;transition:transform .15s ease}
  #jc-hd .jch-btn:hover{transform:translateY(-1px)}
}
@media (min-width:1024px) and (max-width:1180px){
  #jc-hd .jch-logo img{width:190px}
  #jc-hd .jch-a{font-size:14px;padding:0 10px}
  #jc-hd .jch-a::after{left:10px;right:10px}
}

/* ---------- phone & tablet ---------- */
@media (max-width:1023px){
  body.jc-has-hd{padding-top:64px}
  #jc-hd .jch-bar{height:64px;justify-content:space-between}
  #jc-hd .jch-logo img{width:176px}
  #jc-hd .jch-toggle{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--ink);color:#fff}
  #jc-hd .jch-burger{position:relative;width:22px;height:16px;display:block}
  #jc-hd .jch-burger::before,#jc-hd .jch-burger::after,#jc-hd .jch-burger span{content:"";position:absolute;left:0;right:0;height:2.5px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  #jc-hd .jch-burger::before{top:0}
  #jc-hd .jch-burger span{top:6.75px}
  #jc-hd .jch-burger::after{top:13.5px}
  #jc-hd.is-menu .jch-burger::before{transform:translateY(6.75px) rotate(45deg)}
  #jc-hd.is-menu .jch-burger span{opacity:0}
  #jc-hd.is-menu .jch-burger::after{transform:translateY(-6.75px) rotate(-45deg)}

  #jc-hd .jch-nav{position:fixed;left:0;right:0;top:64px;bottom:0;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 20px calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:none}
  .admin-bar #jc-hd .jch-nav{top:64px}
  #jc-hd.is-menu .jch-nav{display:block}
  #jc-hd .jch-li{border-bottom:1px solid var(--line)}
  #jc-hd .jch-a{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-size:18px;font-weight:700;color:var(--ink)}
  #jc-hd .jch-a svg{width:40px;height:40px;padding:12px;border-radius:50%;background:var(--bg)}
  #jc-hd .jch-li.is-current>.jch-a span{box-shadow:inset 0 -3px 0 -1px var(--accent)}
  #jc-hd .jch-drop{display:none;padding:0 0 16px}
  #jc-hd .jch-li.is-open .jch-drop{display:block}
  #jc-hd .jch-ov{font-size:16px;padding:14px}
  #jc-hd .jch-list a,#jc-hd .jch-col li a{display:block;padding:12px 14px;font-size:16px;font-weight:500;color:var(--ink);border-radius:8px}
  #jc-hd .jch-list a:active,#jc-hd .jch-col li a:active{background:var(--bg)}
  #jc-hd .jch-drop a[aria-current]{background:var(--bg);box-shadow:inset 3px 0 0 var(--accent)}
  #jc-hd .jch-col+.jch-col{margin-top:8px}
  #jc-hd .jch-col-h{display:block;padding:12px 14px 6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--plate)}
  #jc-hd .jch-col ul{padding-left:10px}
  #jc-hd .jch-li-btn{border-bottom:0;padding-top:22px}
  #jc-hd .jch-btn{display:flex;align-items:center;justify-content:center;height:54px;border-radius:999px;background:var(--accent);color:var(--plate);font-size:17px;font-weight:700}
}
@media (max-width:782px){.admin-bar #jc-hd{top:46px}}
@media (max-width:600px){.admin-bar #jc-hd{top:0}}
@media (prefers-reduced-motion:reduce){#jc-hd *{transition:none!important}}

/* ---------- colour options: navy / blue bar (dropdowns and phone menu stay white) ---------- */
#jc-hd.is-navy{--bar:#1d2045;--bar-ink:#fff}
#jc-hd.is-blue{--bar:#2a2d6d;--bar-ink:#fff}
#jc-hd.is-navy,#jc-hd.is-blue{border-bottom-color:rgba(255,255,255,.08)}
#jc-hd.is-navy :focus-visible,#jc-hd.is-blue :focus-visible{outline-color:var(--accent)}
@media (max-width:1023px){
  #jc-hd.is-navy .jch-toggle,#jc-hd.is-blue .jch-toggle{background:var(--accent);color:var(--plate)}
  #jc-hd.is-navy .jch-nav :focus-visible,#jc-hd.is-blue .jch-nav :focus-visible{outline-color:var(--plate)}
}