/* Matchvermogen Chat. position:fixed (geen CLS), geen externe assets.
   Deelt de hoek rechtsonder met de contactknop (#mvc-fab, z-index 9990): de chatknop staat er direct boven (JS zet --mvchat-b/--mvchat-r).
   z-index 9991: boven de contactknop, onder de exit-pop-up (100000) en cookiebanners. */
.mvchat{--mvchat-teal:#00a99d;--mvchat-teal-d:#007f75;--mvchat-dark:#141f33;--mvchat-tint:#F1FAF9;--mvchat-line:#D5EBE8;--mvchat-size:58px;position:fixed;right:var(--mvchat-r,16px);bottom:var(--mvchat-b,16px);z-index:var(--mvchat-z,9991);width:var(--mvchat-size);height:var(--mvchat-size);font-family:inherit;font-size:15px;line-height:1.45;color:var(--mvchat-dark);box-sizing:border-box;transition:bottom .2s ease,opacity .15s ease}
.mvchat[hidden],.mvchat [hidden]{display:none!important}
.mvchat *,.mvchat *:before,.mvchat *:after{box-sizing:border-box}
.mvchat button{font-family:inherit;letter-spacing:normal;text-transform:none;text-shadow:none;min-height:0}
.mvchat__sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Launcher */
.mvchat__launcher{position:relative;display:block;width:var(--mvchat-size);height:var(--mvchat-size);padding:0;margin:0;border:3px solid #fff;border-radius:50%;background:var(--mvchat-teal-d);cursor:pointer;box-shadow:0 6px 20px rgba(0,104,95,.4),0 2px 6px rgba(20,31,51,.2);-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease}
.mvchat__launcher:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,104,95,.45),0 3px 8px rgba(20,31,51,.22)}
.mvchat__launcher:active{transform:scale(.96)}
.mvchat__launcher picture,.mvchat__launcher-img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;margin:0;max-width:none}
.mvchat__dot,.mvchat__head-dot{position:absolute;right:0;bottom:1px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.mvchat__launcher:focus-visible,.mvchat__teaser button:focus-visible,.mvchat__close:focus-visible,.mvchat__chip:focus-visible,.mvchat__send:focus-visible,.mvchat__linkbtn:focus-visible,.mvchat__lead button:focus-visible{outline:3px solid var(--mvchat-dark);outline-offset:3px}

/* Teaser bubble, left of the launcher */
.mvchat__teaser{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;max-width:min(260px,calc(100vw - 120px));padding:4px 4px 4px 0;border-radius:18px;background:#fff;border:1px solid var(--mvchat-line);box-shadow:0 6px 22px rgba(20,31,51,.18);animation:mvchatIn .25s ease-out both}
.mvchat__teaser:after{content:"";position:absolute;right:-7px;top:50%;width:12px;height:12px;margin-top:-6px;background:#fff;border-right:1px solid var(--mvchat-line);border-top:1px solid var(--mvchat-line);transform:rotate(45deg)}
.mvchat__teaser-open{display:block;margin:0;padding:8px 6px 8px 16px;border:0;background:none;color:var(--mvchat-dark);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-align:left}
.mvchat__teaser-open:hover{color:var(--mvchat-teal-d)}
.mvchat__teaser-x{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#5b6575;cursor:pointer}
.mvchat__teaser-x:hover{background:var(--mvchat-tint);color:var(--mvchat-dark)}
.mvchat__teaser-x svg{width:16px;height:16px}
@keyframes mvchatIn{from{opacity:0;transform:translate(6px,-50%)}to{opacity:1;transform:translate(0,-50%)}}

/* States: FAB menu open, exit pop-up open, cookie banner covers the corner, chat open */
.mvchat.is-fab-open,.mvchat.is-behind,html.mvc-noscroll .mvchat:not(.is-open){visibility:hidden;pointer-events:none;opacity:0}
.mvchat.is-open .mvchat__launcher,.mvchat.is-open .mvchat__teaser{visibility:hidden}
html.mvchat-open .mvc-fab{visibility:hidden!important;pointer-events:none!important}

/* Panel */
.mvchat__panel{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;width:380px;height:min(640px,calc(100vh - 48px));max-height:calc(100vh - 48px);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(20,31,51,.28),0 4px 12px rgba(20,31,51,.12);overflow:hidden;animation:mvchatPanel .2s ease-out both}
@keyframes mvchatPanel{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.mvchat__head{position:relative;display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;background:var(--mvchat-teal-d);color:#fff;flex:0 0 auto}
.mvchat__head picture{display:block;flex:0 0 auto}
.mvchat__head-img{display:block;width:44px;height:44px;border-radius:50%;border:2px solid #fff;object-fit:cover;max-width:none;margin:0}
.mvchat__head-dot{left:47px;right:auto;bottom:13px;width:12px;height:12px}
.mvchat__head-txt{flex:1 1 auto;min-width:0}
.mvchat__title{margin:0!important;padding:0;font-size:15px;font-weight:800;line-height:1.25;color:#fff!important}
.mvchat__sub{margin:2px 0 0!important;padding:0;font-size:13px;line-height:1.3;color:rgba(255,255,255,.88)!important}
.mvchat__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;flex:0 0 auto}
.mvchat__close:hover{background:rgba(255,255,255,.16)}
.mvchat__close:focus-visible{outline-color:#fff}
.mvchat__log{position:relative;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 14px 8px;background:#F7FBFA;display:flex;flex-direction:column;gap:10px}
.mvchat__log:focus{outline:none}
.mvchat__log:focus-visible{outline:2px solid var(--mvchat-teal-d);outline-offset:-2px}
.mvchat__msg{max-width:86%;padding:10px 13px;border-radius:14px;font-size:15px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere;white-space:normal}
.mvchat__msg p{margin:0 0 6px!important;padding:0;font-size:inherit;line-height:inherit;color:inherit}
.mvchat__msg p:last-child{margin-bottom:0!important}
.mvchat__msg ul{margin:4px 0 6px 18px!important;padding:0!important}
.mvchat__msg li{margin:0 0 2px!important;padding:0;list-style:disc}
.mvchat__msg a{color:var(--mvchat-teal-d);font-weight:700;text-decoration:underline}
.mvchat__msg--bot{align-self:flex-start;background:#fff;border:1px solid var(--mvchat-line);border-bottom-left-radius:4px;color:var(--mvchat-dark)}
.mvchat__msg--user{align-self:flex-end;background:var(--mvchat-teal-d);color:#fff;border-bottom-right-radius:4px}
.mvchat__msg--user a{color:#fff}
.mvchat__msg--note{align-self:center;max-width:100%;padding:6px 10px;background:transparent;color:#5b6575;font-size:13px;text-align:center}
.mvchat__typing{display:inline-flex;gap:4px;align-items:center;height:20px}
.mvchat__typing i{display:block;width:7px;height:7px;border-radius:50%;background:#8a96a3;animation:mvchatDot 1.1s infinite ease-in-out}
.mvchat__typing i:nth-child(2){animation-delay:.15s}.mvchat__typing i:nth-child(3){animation-delay:.3s}
@keyframes mvchatDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.mvchat__chips{display:flex;flex-wrap:wrap;gap:8px;padding:8px 14px 2px;background:#F7FBFA;flex:0 0 auto}
.mvchat__chips:empty{display:none}
.mvchat__chip{margin:0;padding:8px 13px;border:2px solid var(--mvchat-teal);border-radius:999px;background:#fff;color:var(--mvchat-teal-d);font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;text-align:left}
.mvchat__chip:hover{background:var(--mvchat-teal-d);border-color:var(--mvchat-teal-d);color:#fff}
.mvchat__chip--lead{background:var(--mvchat-teal-d);border-color:var(--mvchat-teal-d);color:#fff}
.mvchat__chip--lead:hover{background:#00685f}
.mvchat__form{display:flex;align-items:flex-end;gap:8px;margin:0;padding:10px 12px 6px;border-top:1px solid var(--mvchat-line);background:#fff;flex:0 0 auto}
.mvchat__input{flex:1 1 auto;min-height:44px;max-height:120px;margin:0;padding:11px 13px;border:1px solid #c9d6d4;border-radius:12px;background:#fff;color:var(--mvchat-dark);font:inherit;font-size:16px;line-height:1.35;resize:none;box-shadow:none}
.mvchat__input:focus{outline:none;border-color:var(--mvchat-teal-d);box-shadow:0 0 0 3px rgba(0,169,157,.2)}
.mvchat__send{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:var(--mvchat-teal-d);color:#fff;cursor:pointer;flex:0 0 auto}
.mvchat__send:hover{background:#00685f}
.mvchat__send[disabled]{opacity:.5;cursor:default}
.mvchat__notice{margin:0!important;padding:4px 14px 10px;background:#fff;font-size:12px;line-height:1.4;color:#5b6575;flex:0 0 auto}
.mvchat__notice a,.mvchat__linkbtn{color:var(--mvchat-teal-d)!important;font-weight:700;text-decoration:underline}
.mvchat__linkbtn{margin:0;padding:0;border:0;background:none;font-size:12px;cursor:pointer}

/* Button that opens the lead form on request (0.1.2) */
.mvchat__offer{align-self:flex-start;margin:0;padding:8px 14px;border:2px solid var(--mvchat-teal-d);border-radius:999px;background:#fff;color:var(--mvchat-teal-d);font-size:14px;font-weight:700;line-height:1.2;cursor:pointer}
.mvchat__offer:hover{background:var(--mvchat-teal-d);color:#fff}
.mvchat__offer:focus-visible{outline:3px solid var(--mvchat-dark);outline-offset:3px}
/* Inline lead form */
.mvchat__lead{align-self:stretch;max-width:100%;padding:14px;border:1px solid var(--mvchat-line);border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(20,31,51,.06)}
.mvchat__lead-title{margin:0 0 10px!important;font-size:15px;font-weight:800;color:var(--mvchat-dark)}
.mvchat__lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.mvchat__lead-f{display:flex;flex-direction:column;gap:3px;margin:0}
.mvchat__lead-f--wide{grid-column:1/-1}
.mvchat__lead-f label{font-size:13px;font-weight:700;color:var(--mvchat-dark)}
.mvchat__lead-f label small{font-weight:400;color:#5b6575}
.mvchat__lead-f input,.mvchat__lead-f textarea{width:100%;margin:0;padding:9px 10px;border:1px solid #c9d6d4;border-radius:8px;background:#fff;color:var(--mvchat-dark);font:inherit;font-size:16px;line-height:1.3;box-shadow:none}
.mvchat__lead-f textarea{min-height:64px;resize:vertical}
.mvchat__lead-f input:focus,.mvchat__lead-f textarea:focus{outline:none;border-color:var(--mvchat-teal-d);box-shadow:0 0 0 3px rgba(0,169,157,.2)}
.mvchat__lead-f [aria-invalid="true"]{border-color:#c62828}
.mvchat__err{margin:0!important;font-size:12px;color:#c62828;min-height:0}
.mvchat__err:empty{display:none}
.mvchat__consent{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:13px;line-height:1.4;color:#333}
.mvchat__consent input{margin:2px 0 0;width:18px;height:18px;flex:0 0 auto;accent-color:var(--mvchat-teal-d)}
.mvchat__consent a{color:var(--mvchat-teal-d);font-weight:700}
.mvchat__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mvchat__lead-submit{display:block;width:100%;margin:12px 0 0;padding:12px 16px;border:0;border-radius:999px;background:var(--mvchat-teal-d);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(0,104,95,.3)}
.mvchat__lead-submit:hover{background:#00685f}
.mvchat__lead-submit[disabled]{opacity:.6;cursor:default}
.mvchat__lead-msg{margin:8px 0 0!important;font-size:13px;font-weight:700}
.mvchat__lead-msg:empty{display:none}
.mvchat__lead-msg.is-error{color:#c62828}

@media (min-width:640px){.mvchat{--mvchat-size:60px}}
@media (max-width:639px){
	.mvchat__panel{inset:0;right:0;bottom:0;width:100%;height:100%;height:100dvh;max-height:none;border-radius:0;padding-bottom:env(safe-area-inset-bottom,0px)}
	.mvchat__head{padding-top:calc(12px + env(safe-area-inset-top,0px))}
	.mvchat__lead-grid{grid-template-columns:1fr}
	.mvchat__teaser-open{font-size:14px;padding:7px 4px 7px 14px}
	html.mvchat-noscroll,html.mvchat-noscroll body{overflow:hidden!important}
}
@media (prefers-reduced-motion:reduce){.mvchat,.mvchat__launcher,.mvchat__teaser,.mvchat__panel{transition:none;animation:none}.mvchat__launcher:hover{transform:none}.mvchat__typing i{animation:none;opacity:.6}}
@media print{.mvchat{display:none!important}}
