/* Leerlus vaste kopbalk. Staat los van Elementor en het thema. */
:root{--llh-h:72px;--llh-top:0px}
.admin-bar{--llh-top:32px}
@media (max-width:782px){.admin-bar{--llh-top:46px}}

/* Ruimte vrijhouden onder de vaste balk + ankers niet onder de balk laten vallen */
body.llh-on{padding-top:var(--llh-h)!important}
body.llh-on [id]{scroll-margin-top:calc(var(--llh-h) + var(--llh-top) + 12px)}
/* De oude kopbalk uit het Elementor-sjabloon verbergen: deze balk vervangt hem. */
body.llh-on .ll-header{display:none!important}

.llh{position:fixed;top:var(--llh-top);left:0;right:0;z-index:9990;background:rgba(243,246,241,.97);border-bottom:1px solid #D5DED7;font-family:"Instrument Sans","Helvetica Neue",Arial,system-ui,sans-serif;color:#12261F;transition:box-shadow .2s ease}
.llh.is-scrolled{box-shadow:0 6px 20px rgba(18,38,31,.08)}
@supports (backdrop-filter:blur(8px)){.llh{background:rgba(243,246,241,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
.llh *,.llh *::before,.llh *::after{box-sizing:border-box}
.llh-bar{max-width:1200px;margin:0 auto;height:var(--llh-h);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.llh-logo{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:#12261F!important;font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;font-weight:800;font-size:22px;line-height:1.05;flex:none}
.llh-logo svg{width:34px;height:34px;flex:none}
.llh-logo small{display:block;font-family:"Instrument Sans",system-ui,sans-serif;font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#4E615A}

.llh-nav{display:flex;align-items:center;gap:6px}
.llh-list{display:flex;align-items:center;gap:2px;list-style:none!important;margin:0!important;padding:0!important}
.llh-list li{margin:0!important;padding:0!important;list-style:none!important}
.llh-list a,.llh-cta{display:block;text-decoration:none!important;font-weight:500;font-size:15px;line-height:1.2;padding:9px 12px;border-radius:999px;color:#12261F!important;white-space:nowrap}
.llh-list a:hover{background:rgba(47,127,168,.12)}
.llh-list .current-menu-item>a,.llh-list a[aria-current]{background:rgba(47,127,168,.14)}
.llh-cta{background:#12261F;color:#F3F6F1!important;margin-left:6px}
.llh-cta:hover{background:#2F7FA8}
.llh a:focus-visible,.llh button:focus-visible{outline:3px solid #2F7FA8;outline-offset:2px}

.llh-toggle{display:none;align-items:center;gap:10px;border:1.5px solid #D5DED7;background:#fff;color:#12261F;border-radius:12px;padding:9px 14px;font:600 15px/1 "Instrument Sans",system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.llh-burger{display:grid;gap:4px;width:18px}
.llh-burger i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.llh-toggle[aria-expanded="true"]{background:#12261F;border-color:#12261F;color:#F3F6F1}
.llh-toggle[aria-expanded="true"] .llh-burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.llh-toggle[aria-expanded="true"] .llh-burger i:nth-child(2){opacity:0}
.llh-toggle[aria-expanded="true"] .llh-burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* Telefoon en tablet: uitklapmenu over de volle breedte, direct onder de balk */
@media (max-width:1024px){
  .llh-toggle{display:inline-flex}
  .llh-nav{display:none;position:fixed;left:0;right:0;top:calc(var(--llh-top) + var(--llh-h));flex-direction:column;align-items:stretch;gap:4px;background:#F3F6F1;border-bottom:1px solid #D5DED7;box-shadow:0 16px 30px rgba(18,38,31,.12);padding:10px max(20px,env(safe-area-inset-right,0px)) 20px max(20px,env(safe-area-inset-left,0px));max-height:calc(100vh - var(--llh-h) - var(--llh-top));max-height:calc(100dvh - var(--llh-h) - var(--llh-top));overflow-y:auto;overscroll-behavior:contain}
  .llh.is-open .llh-nav{display:flex}
  .llh-list{flex-direction:column;align-items:stretch}
  .llh-list a{font-size:18px;padding:14px 12px;border-radius:10px;white-space:normal}
  .llh-cta{margin:10px 0 0;text-align:center;font-size:17px;padding:14px;border-radius:12px}
}
@media (max-width:380px){.llh-toggle-text{display:none}.llh-logo{font-size:20px}}
@media (prefers-reduced-motion:reduce){.llh,.llh-burger i{transition:none}}
@media print{.llh{display:none}body.llh-on{padding-top:0!important}}