/* Vaste contactknop en taalkeuze in de kop, ook op mobiel. */
#hb-whatsapp-contact{position:fixed!important;right:max(18px,env(safe-area-inset-right))!important;bottom:max(20px,env(safe-area-inset-bottom))!important;z-index:2147483000!important;display:flex!important;align-items:center;gap:9px;background:#16864b!important;color:#fff!important;padding:12px 17px!important;border-radius:100px!important;text-decoration:none!important;font:600 15px/1.3 system-ui,Arial,sans-serif!important;box-shadow:0 4px 18px #0004!important;opacity:1!important;visibility:visible!important;transform:none!important}
#hb-whatsapp-contact svg{display:block;width:25px;height:25px;flex:none}
#header .hb-language{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center;gap:6px;flex-shrink:0;z-index:10;box-shadow:none!important;background:transparent!important;border:0!important;border-radius:0!important;padding:5px 9px!important;color:inherit!important;font:600 13px/1.3 Poppins,Arial,sans-serif!important;white-space:nowrap}
#header .hb-language a{color:inherit!important;text-decoration:none!important}
#header .hb-language [aria-current]{text-decoration:underline!important;text-underline-offset:4px}
#header .header-actions .hb-language{align-self:center}
#header .hb-language--mobile{display:none!important}
@media(max-width:799px){#header .hb-language--desktop{display:none!important}#header .hb-language--mobile{display:inline-flex!important;padding:4px 7px!important;font-size:12px!important}#header .header-display-mobile .header-actions{display:flex!important;align-items:center!important}}
@media(max-width:420px){#hb-whatsapp-contact{padding:12px!important}#hb-whatsapp-contact span{display:none}#header .hb-language--mobile{font-size:11px!important}}
@media print{#hb-whatsapp-contact{display:none!important}}
/* Kop: compacter logo, daarna horizontaal menu en taalkeuze. */
@media(min-width:800px){
 #header .header-display-desktop{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
 #header .header-display-desktop .header-title-nav-wrapper{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(12px,1.5vw,28px)!important;min-width:0!important;flex:1 1 auto!important}
 #header .header-display-desktop .header-title{flex:0 0 auto!important;min-width:0!important}
 #header .header-display-desktop .header-title-logo img{width:clamp(170px,17vw,230px)!important;max-width:230px!important;height:auto!important;object-fit:contain!important}
 #header .header-display-desktop .header-nav{flex:0 1 auto!important;min-width:0!important;margin:0!important}
 #header .header-display-desktop .header-nav-list{display:flex!important;align-items:center!important;gap:clamp(7px,1.05vw,18px)!important}
 #header .header-display-desktop .header-nav-item{margin-left:0!important;margin-right:0!important}
 #header .header-display-desktop .hb-language--desktop{flex:0 0 auto!important;margin-left:2px!important;order:3}
 #header .header-display-desktop .header-actions{flex:0 0 auto!important;margin-left:auto!important}
}
@media(min-width:800px) and (max-width:1180px){#header .header-display-desktop .header-title-logo img{width:170px!important}#header .header-display-desktop .header-title-nav-wrapper{gap:11px!important}#header .header-display-desktop .header-nav-list{gap:7px!important}#header .header-display-desktop .header-nav-item a,#header .header-display-desktop .header-nav-item button{font-size:12px!important}}
@media(max-width:799px){#header .header-display-mobile .header-title-logo img{max-width:min(46vw,190px)!important;width:auto!important;height:auto!important}}
/* Kopverhouding november 2026: iets groter logo, ruimer menu, taalkeuze naar links. */
@media(min-width:1181px){
 #header .header-display-desktop .header-title-logo img{width:clamp(200px,19vw,260px)!important;max-width:260px!important}
 #header .header-display-desktop .header-nav-list{gap:clamp(10px,1.2vw,20px)!important}
 #header .header-display-desktop .hb-language--desktop{margin-right:18px!important}
}
@media(min-width:800px) and (max-width:1180px){
 #header .header-display-desktop .header-title-logo img{width:195px!important;max-width:195px!important}
 #header .header-display-desktop .header-nav-list{gap:9px!important}
 #header .header-display-desktop .hb-language--desktop{margin-right:10px!important}
}
@media(max-width:799px){
 #header .header-display-mobile .header-title-logo img{max-width:min(51vw,210px)!important;width:auto!important;height:auto!important}
 #header .header-display-mobile .hb-language--mobile{margin-right:10px!important}
 #header .header-display-mobile .header-burger{min-width:44px!important}
}
/* iPhone: overschrijf Squarespace limiet van 18px logohoogte. */
@media(max-width:799px){
 #header .header-display-mobile .header-title-logo,
 #header .header-display-mobile .header-title-logo a{display:block!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important}
 #header .header-display-mobile .header-title-logo img{display:block!important;width:min(58vw,245px)!important;max-width:min(58vw,245px)!important;min-width:0!important;height:auto!important;max-height:none!important;object-fit:contain!important}
 #header .header-display-mobile .header-title-nav-wrapper{min-width:0!important;flex:1 1 auto!important}
}