/* Zwevende WhatsApp-knop (VRB_WhatsApp). Geen externe bronnen.
   De boekingsbalk (.vrb-bar) staat in de paginastroom (geen fixed/sticky), dus er is geen vaste balk om
   te ontwijken. --vrb-wa-lift is het haakje voor een eventuele vaste balk: zet die variabele op de hoogte ervan. */
.vrb-wa-float {
  --vrb-wa-lift: 0px;
  position: fixed;
  right: calc(16px + env(safe-area-inset-right, 0px));
  bottom: calc(16px + var(--vrb-wa-lift) + env(safe-area-inset-bottom, 0px));
  z-index: 9990; /* onder de cookiebanner (9999) en de kalender-popovers van de boekingsbalk */
  display: flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; border-radius: 50%;
  background: #128C7E; color: #fff; text-decoration: none;
  box-shadow: 0 4px 14px rgba(0,0,0,.25);
}
.vrb-wa-float:hover { background: #0B6E63; color: #fff; }
.vrb-wa-float:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px #0B6E63, 0 4px 14px rgba(0,0,0,.25); }
.vrb-wa-float svg { display: block; }
@media (max-width: 600px) {
  .vrb-wa-float { width: 52px; height: 52px; right: calc(12px + env(safe-area-inset-right, 0px)); }
}
@media print { .vrb-wa-float { display: none; } }