#vcc-root{--vcc-primary:#12BFB3;--vcc-primary-hover:#0FA89E;--vcc-navy:#003B6F;--vcc-bg:#fff;--vcc-text:#244B6A;--vcc-muted:#607A90;--vcc-border:#D6E2EB;--vcc-button-text:#082A45;--vcc-button-hover-text:#fff;--vcc-secondary-bg:#fff;--vcc-secondary-text:#003B6F;--vcc-secondary-border:#C7D6E2;--vcc-reject-bg:#F4F7F9;--vcc-reject-text:#516B80;--vcc-reject-border:#D6E2EB;--vcc-overlay:#062B49;--vcc-overlay-opacity:.62;font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--vcc-text)}
html.vcc-modal-open,body.vcc-modal-open{overflow:hidden!important;overscroll-behavior:none!important}
body.vcc-modal-open{touch-action:none}
body.vcc-modal-open:before{content:"";position:fixed;inset:0;z-index:2147483644;background:color-mix(in srgb,var(--vcc-overlay) calc(var(--vcc-overlay-opacity) * 100%),transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
@supports not (background:color-mix(in srgb,#000 50%,transparent)){body.vcc-modal-open:before{background:rgba(6,43,73,.62)}}
.vcc-panel{position:fixed;z-index:2147483646;left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:min(660px,calc(100vw - 48px));max-width:660px;margin:0;background:var(--vcc-bg);color:var(--vcc-text);border:1px solid var(--vcc-border);border-radius:20px;box-shadow:0 28px 80px rgba(0,46,84,.24);padding:34px 36px;line-height:1.58;touch-action:auto}
.vcc-panel[hidden]{display:none!important}.vcc-panel h2{margin:0 0 12px;color:var(--vcc-navy);font-size:27px;font-weight:800;line-height:1.18;letter-spacing:-.025em}.vcc-panel p{margin:8px 0;color:var(--vcc-text);font-size:15px}.vcc-small{font-size:13px!important;color:var(--vcc-muted)!important}.vcc-links{display:flex;gap:16px;flex-wrap:wrap;margin:15px 0 0}.vcc-links a{color:var(--vcc-navy);font-weight:600;text-decoration:underline;text-underline-offset:2px}.vcc-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.vcc-actions button,.vcc-inline-button{appearance:none!important;border:2px solid var(--vcc-primary)!important;border-radius:11px!important;padding:12px 20px!important;font:inherit!important;font-weight:750!important;cursor:pointer!important;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease!important;color:var(--vcc-button-text)!important;background:var(--vcc-primary)!important;text-transform:none!important;letter-spacing:normal!important}
.vcc-actions button:hover,.vcc-inline-button:hover{transform:translateY(-3px)}
.vcc-actions .vcc-primary{background:var(--vcc-primary)!important;background-color:var(--vcc-primary)!important;border-color:var(--vcc-primary)!important;color:var(--vcc-button-text)!important;box-shadow:0 8px 18px rgba(18,191,179,.20)!important}
.vcc-actions .vcc-primary:hover{background:var(--vcc-primary-hover)!important;background-color:var(--vcc-primary-hover)!important;border-color:var(--vcc-primary-hover)!important;color:var(--vcc-button-hover-text)!important;box-shadow:0 12px 24px rgba(18,191,179,.30)!important}
.vcc-actions .vcc-secondary{background:var(--vcc-secondary-bg)!important;background-color:var(--vcc-secondary-bg)!important;color:var(--vcc-secondary-text)!important;border-color:var(--vcc-secondary-border)!important;box-shadow:none!important}.vcc-actions .vcc-secondary:hover{border-color:var(--vcc-navy)!important;background:#f8fbfd!important;background-color:#f8fbfd!important}
.vcc-actions .vcc-reject{background:var(--vcc-reject-bg);color:var(--vcc-reject-text);border-color:var(--vcc-reject-border);box-shadow:none}.vcc-actions .vcc-reject:hover{filter:brightness(.98);border-color:var(--vcc-reject-text)}
.vcc-main-actions{display:grid;grid-template-columns:1fr 1.1fr}.vcc-main-actions button{width:100%}.vcc-main-actions .vcc-primary{font-weight:800}.vcc-pref-actions{display:grid;grid-template-columns:1fr 1.12fr}.vcc-pref-actions button{width:100%}.vcc-pref-actions .vcc-primary{font-weight:800}
.vcc-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.vcc-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0;border-top:1px solid var(--vcc-border);cursor:pointer}.vcc-toggle-row span:first-child{display:flex;flex-direction:column;gap:3px}.vcc-toggle-row strong{color:var(--vcc-navy)}.vcc-toggle-row small{color:var(--vcc-muted);line-height:1.4}.vcc-switch{position:relative;flex:0 0 48px;width:48px;height:27px}.vcc-switch input{position:absolute;opacity:0;pointer-events:none}.vcc-switch i{position:absolute;inset:0;border-radius:99px;background:#B8C9D7;transition:.2s}.vcc-switch i:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s}.vcc-switch input:checked+i{background:var(--vcc-primary)}.vcc-switch input:checked+i:after{transform:translateX(21px)}.vcc-switch input:focus+i{outline:3px solid rgba(18,191,179,.24);outline-offset:2px}.vcc-switch input:disabled+i{opacity:.72}.vcc-embed-placeholder{position:relative;min-height:180px;background:#f4f9fb;border:1px solid var(--vcc-border);border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.vcc-embed-placeholder>div:first-child{max-width:480px}.vcc-embed-placeholder iframe{display:none}.vcc-embed-placeholder.vcc-embed-loaded{padding:0;background:transparent;border:0;display:block}.vcc-embed-placeholder.vcc-embed-loaded>div:first-child{display:none}.vcc-embed-placeholder.vcc-embed-loaded iframe{display:block;width:100%}.vcc-load-external{border:2px solid var(--vcc-primary);background:var(--vcc-primary);color:var(--vcc-button-text);border-radius:11px;padding:10px 15px;cursor:pointer;font-weight:800}
@media(max-width:760px){body.vcc-modal-open:before{backdrop-filter:none;-webkit-backdrop-filter:none}.vcc-panel{left:10px;right:10px;top:auto;bottom:10px;transform:none;width:auto;max-width:none;max-height:calc(100dvh - 20px);overflow:auto;padding:22px 20px;border-radius:18px}.vcc-panel h2{font-size:23px}.vcc-actions,.vcc-main-actions,.vcc-pref-actions{display:grid;grid-template-columns:1fr}.vcc-actions button{width:100%;min-height:48px}.vcc-links{gap:10px 14px}}
@media(prefers-reduced-motion:reduce){.vcc-switch i,.vcc-switch i:after,.vcc-actions button,.vcc-inline-button{transition:none}}


/* v1.0.4 mobile viewport safety and hard Vordio button override */
@media (max-width: 700px){
  .vcc-panel{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:24px 20px!important;
    border-radius:18px!important;
  }
  /* Eerste scherm: natuurlijke hoogte, gecentreerd, dus geen grote lege ruimte. */
  #vcc-banner.vcc-panel{
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
  /* Voorkeuren: begint veilig onder de browserbalk en scrollt alleen indien nodig. */
  #vcc-preferences.vcc-panel{
    top:max(12px,env(safe-area-inset-top))!important;
    bottom:auto!important;
    transform:none!important;
    padding-top:24px!important;
  }
  .vcc-panel h2{font-size:23px!important}
  .vcc-toggle-row{gap:14px;padding:15px 0}
  .vcc-actions,.vcc-main-actions,.vcc-pref-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .vcc-actions button{width:100%!important;min-height:48px!important}
}
@supports not (height: 100dvh){
  @media (max-width:700px){.vcc-panel{max-height:calc(100vh - 24px)!important}}
}

/* v1.0.7 legal information links */
#vcc-root .vcc-legal-links {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--vcc-muted);
}
#vcc-root .vcc-legal-links a {
  color: var(--vcc-navy);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#vcc-root .vcc-legal-links a:hover,
#vcc-root .vcc-legal-links a:focus-visible {
  color: var(--vcc-primary-hover);
}
#vcc-root .vcc-legal-links-prefs {
  margin-top: 14px;
}