/* Cookiebalk voor pagina's die styles.css niet laden (zoals de landingspagina Klantmap).
   Zelfde opmaak als in styles.css, met eigen variabelen zodat hij nergens van afhangt. */
.cookie{--ck-ink:#0B1330;--ck-line:#E4E8F4;--ck-blue:#2F52E0;--ck-blue-100:#EAEFFE;--ck-slate:#5B6478;
  position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:150;width:min(680px,calc(100% - 32px));
  background:#fff;border:1px solid var(--ck-line);border-radius:20px;box-shadow:0 18px 50px rgba(11,19,48,.16);
  font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;color:var(--ck-ink);font-size:14px;line-height:1.55}
.cookie[hidden]{display:none}
.cookie__inner{padding:20px 22px;display:grid;gap:14px}
.cookie__title{font-weight:700;font-size:15px;margin:0 0 4px}
.cookie__text{margin:0;color:var(--ck-slate)}
.cookie__text a{color:var(--ck-ink);text-decoration:underline}
.cookie__actions{display:flex;flex-wrap:wrap;gap:10px}
.cookie .btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:600;font-size:13.5px;line-height:1;
  padding:11px 19px;border-radius:100px;border:1.5px solid var(--ck-line);background:#fff;color:var(--ck-ink);cursor:pointer;text-decoration:none}
.cookie .btn:hover{background:var(--ck-blue-100);border-color:#7B93F5}
.cookie .btn--primary{background:var(--ck-blue);border-color:var(--ck-blue);color:#fff;box-shadow:0 10px 26px rgba(47,82,224,.35)}
.cookie .btn--primary:hover{background:#2745C4;border-color:#2745C4}
.cookie__settings{display:grid;gap:12px;padding-top:12px;border-top:1px solid var(--ck-line)}
.cookie__settings[hidden]{display:none}
.switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch__ui{position:relative;width:38px;height:22px;border-radius:11px;background:#C4CCE6;transition:background .2s;flex:0 0 auto}
.switch__ui::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.switch input:checked+.switch__ui{background:var(--ck-blue)}
.switch input:checked+.switch__ui::after{transform:translateX(16px)}
.switch input:disabled+.switch__ui{opacity:.55}