/* Matchvermogen compacte contactknop. position:fixed (geen CLS), geen externe assets.
   z-index standaard 9990: boven content en sticky headers, onder de exit-intent pop-up (100000) en gangbare cookiebanners. */
.mvc-fab{--mvc-teal:#00a99d;--mvc-teal-d:#007f75;--mvc-dark:#141f33;--mvc-tint:#F1FAF9;--mvc-line:#D5EBE8;--mvc-fab-gap:16px;position:fixed;right:calc(var(--mvc-fab-gap) + env(safe-area-inset-right,0px));bottom:calc(var(--mvc-fab-b,var(--mvc-fab-gap)) + env(safe-area-inset-bottom,0px));z-index:var(--mvc-fab-z,9990);display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:inherit;font-size:14px;line-height:1.3;box-sizing:border-box;transition:bottom .2s ease}
.mvc-fab[hidden],.mvc-fab__menu[hidden]{display:none!important}
.mvc-fab *{box-sizing:border-box}
.mvc-fab.is-cookie{--mvc-fab-b:max(var(--mvc-fab-gap),var(--mvc-fab-cookie-dyn,0px))}
.mvc-fab.is-behind,html.mvc-noscroll .mvc-fab{visibility:hidden;pointer-events:none}
.mvc-fab__svg{display:block;width:22px;height:22px;flex:0 0 auto}
.mvc-fab__row{display:flex;align-items:center;gap:10px}
.mvc-fab__toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:62px;height:62px;padding:0;margin:0;border:3px solid #fff;border-radius:999px;background:var(--mvc-teal-d);color:#fff;font:inherit;font-size:16px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 20px rgba(0,104,95,.45),0 2px 6px rgba(20,31,51,.2);-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.mvc-fab__toggle:hover{background:#00685f;transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,104,95,.5),0 3px 8px rgba(20,31,51,.22)}
.mvc-fab__toggle:active{transform:scale(.96)}
.mvc-fab__toggle .mvc-fab__svg{width:28px;height:28px}
.mvc-fab__label{display:none}
.mvc-fab__toggle:after{content:"";position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 0 rgba(0,169,157,.55);pointer-events:none}
.mvc-fab.is-pulse .mvc-fab__toggle:after{animation:mvcFabPulse 1.6s ease-out 2}
@keyframes mvcFabPulse{0%{box-shadow:0 0 0 0 rgba(0,169,157,.55)}100%{box-shadow:0 0 0 18px rgba(0,169,157,0)}}
.mvc-fab__ico-open,.mvc-fab__ico-close{display:inline-flex}
.mvc-fab__ico-close,.mvc-fab.is-open .mvc-fab__ico-open{display:none}
.mvc-fab.is-open .mvc-fab__ico-close{display:inline-flex}
.mvc-fab.is-open .mvc-fab__toggle{background:var(--mvc-dark)}
.mvc-fab__toggle:focus-visible,.mvc-fab__item:focus-visible,.mvc-fab__pill:focus-visible{outline:3px solid var(--mvc-dark);outline-offset:3px}
.mvc-fab__menu{list-style:none;margin:0 6px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.mvc-fab__li{margin:0;padding:0;list-style:none}
.mvc-fab__li:before,.mvc-fab__li:after{content:none!important}
.mvc-fab__item{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid var(--mvc-teal);color:var(--mvc-teal-d)!important;text-decoration:none!important;box-shadow:0 4px 12px rgba(20,31,51,.22);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.mvc-fab__item .mvc-fab__svg{width:24px;height:24px}
.mvc-fab__item:hover{transform:scale(1.06)}
.mvc-fab__item:hover{background:var(--mvc-teal-d);border-color:var(--mvc-teal-d);color:#fff!important}
.mvc-fab__item--whatsapp{background:#25D366;border-color:#1da851;color:#fff!important}
.mvc-fab__item--whatsapp:hover{background:#1da851;border-color:#168a45;color:#fff!important}
.mvc-fab__tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translate(4px,-50%);padding:6px 11px;border-radius:4px;background:var(--mvc-dark);color:#fff;font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s}
.mvc-fab__item:hover .mvc-fab__tip,.mvc-fab__item:focus-visible .mvc-fab__tip{opacity:1;visibility:visible;transform:translate(0,-50%);transition-delay:0s}
.mvc-fab__pill{display:none}
.mvc-fab.is-open .mvc-fab__li{animation:mvcFabIn .16s ease-out both}
.mvc-fab.is-open .mvc-fab__li:nth-last-child(2){animation-delay:.03s}
.mvc-fab.is-open .mvc-fab__li:nth-last-child(3){animation-delay:.06s}
.mvc-fab.is-open .mvc-fab__li:nth-last-child(4){animation-delay:.09s}
@keyframes mvcFabIn{from{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mvc-fab,.mvc-fab__toggle,.mvc-fab__item,.mvc-fab__tip{transition:none}.mvc-fab.is-open .mvc-fab__li{animation:none}.mvc-fab.is-pulse .mvc-fab__toggle:after{animation:none}.mvc-fab__toggle:hover,.mvc-fab__item:hover{transform:none}}
@media (min-width:640px){
	.mvc-fab{--mvc-fab-gap:24px}
	.mvc-fab--label .mvc-fab__toggle{padding:0 24px 0 18px}
	.mvc-fab--label .mvc-fab__label{display:inline}
	.mvc-fab--label.is-open .mvc-fab__toggle{padding:0;width:62px}
	.mvc-fab--label.is-open .mvc-fab__label{display:none}
	.mvc-fab__menu{margin-right:6px}
	.mvc-fab__pill{display:inline-flex;align-items:center;min-height:44px;padding:9px 18px;border-radius:999px;background:#fff;border:2px solid var(--mvc-teal);color:var(--mvc-teal-d)!important;font-size:15px;font-weight:700;text-decoration:none!important;white-space:nowrap;box-shadow:0 3px 10px rgba(20,31,51,.15)}
	.mvc-fab__pill:hover{background:var(--mvc-teal-d);color:#fff!important}
	.mvc-fab.is-open .mvc-fab__pill{visibility:hidden}
}
@media (max-width:639px){
	/* Cookiebanner zichtbaar: knop op 90px (instelbaar) van de onderkant, of hoger als de banner hoger is. */
	.mvc-fab.is-cookie{--mvc-fab-b:max(var(--mvc-fab-cookie,90px),var(--mvc-fab-cookie-dyn,0px))}
	.mvc-fab--hide-mobile{display:none!important}
}
@media print{.mvc-fab{display:none!important}}
