/* Bureau voor Menselijke Zaken — definitieve sitebrede afwerking */
:root{--bmz-focus:#9b5f4b}

/* Header and footer are one system on every page. */
.bmzSiteHeader{background:rgba(246,239,229,.97)!important;border-bottom:1px solid var(--line)!important}
.bmzHeaderInner{min-height:72px!important}
.bmzSiteFooter{background:var(--cream)!important;color:var(--ink)!important;border-top:1px solid var(--ink)!important}
.bmzSiteFooter a{color:inherit!important}
.bmzFooterBrand{font-family:Georgia,"Times New Roman",serif!important}

/* Consistent keyboard focus without changing normal appearance. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--bmz-focus)!important;outline-offset:3px!important
}

/* Forms use a consistent readable type size. */
input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}

@media(max-width:1050px){
  .bmzHeaderInner{min-height:66px!important;height:66px!important}
}
@media(max-width:620px){
  .bmzSiteFooter{padding-top:28px!important}
  .bmzFooterGrid{gap:21px!important;padding-bottom:22px!important}
  .bmzFooterBottom{padding-top:13px!important;padding-bottom:16px!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* WhatsApp — BMZ */
.bmzWhatsApp{
  --wa-green:#25d366;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:var(--paper)!important;
  background:var(--ink)!important;
  border:1.5px solid var(--ink)!important;
  border-radius:999px!important;
  font:750 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.bmzWhatsAppIcon{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--wa-green)!important;
}
.bmzWhatsAppIcon svg{width:23px!important;height:23px!important;display:block!important}
.bmzWhatsAppIcon .waBubble{fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.bmzWhatsAppIcon .waPhone{fill:#fff!important;stroke:none!important}
.bmzWhatsAppFloat{
  position:fixed!important;
  right:max(18px,env(safe-area-inset-right))!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  z-index:190!important;
  min-height:48px!important;
  padding:8px 15px 8px 8px!important;
  box-shadow:5px 6px 0 var(--yellow)!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
.bmzWhatsAppFloat:hover{
  transform:translateY(-2px)!important;
  box-shadow:7px 8px 0 var(--yellow)!important;
}
.bmzWhatsAppFloat:active{transform:translateY(1px)!important;box-shadow:3px 4px 0 var(--yellow)!important}
.bmzWhatsAppMobileText{display:none!important}

.bmzWhatsAppContact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:24px!important;
  align-items:center!important;
  margin-top:25px!important;
  padding:22px 24px!important;
  background:var(--yellow)!important;
  border:1px solid var(--ink)!important;
  border-radius:2px 24px 2px 24px!important;
}
.bmzWhatsAppContact .kicker{display:block!important;margin-bottom:6px!important}
.bmzWhatsAppContact p{margin:0!important;font-size:14px!important;line-height:1.5!important}
.bmzWhatsAppInline{min-height:46px!important;padding:7px 14px 7px 7px!important}
.bmzWhatsAppPrivacyNote{font-size:14px!important;color:var(--muted)!important}

@media(max-width:620px){
  .bmzWhatsAppFloat{
    right:max(13px,env(safe-area-inset-right))!important;
    bottom:max(13px,env(safe-area-inset-bottom))!important;
    min-height:44px!important;
    padding:6px 12px 6px 6px!important;
    gap:7px!important;
    box-shadow:4px 5px 0 var(--yellow)!important;
  }
  .bmzWhatsAppIcon{width:30px!important;height:30px!important;flex-basis:30px!important}
  .bmzWhatsAppDesktopText{display:none!important}
  .bmzWhatsAppMobileText{display:inline!important}
  .bmzWhatsAppContact{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:20px!important;
  }
  .bmzWhatsAppInline{justify-self:start!important}
}
@media(prefers-reduced-motion:reduce){
  .bmzWhatsAppFloat{transition:none!important}
}