/* ════════════════════════════════════════════════════════════════
   Ampurion Solutions — cookiekeuze (stijl in huisstijl)
   Auteur: Erwin Biharie
   ════════════════════════════════════════════════════════════════ */
.am-cookie-backdrop{position:fixed;inset:0;background:rgba(3,10,17,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9997}
.am-cookie{position:fixed;left:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:9998;width:min(520px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;box-sizing:border-box;
  color:#eef4f8;border-radius:18px;padding:26px 26px 22px;font:15px/1.55 "Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  border:1.5px solid transparent;
  background:linear-gradient(180deg,rgba(12,31,46,.98),rgba(6,18,29,.99)) padding-box,linear-gradient(120deg,rgba(194,245,61,.85),rgba(67,203,244,.8)) border-box;
  box-shadow:0 0 50px rgba(100,220,190,.14),0 24px 70px rgba(0,0,0,.55)}
.am-cookie *{box-sizing:border-box}
.am-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.am-cookie .am-label{color:#c2f53d;font-weight:700;letter-spacing:.2em;font-size:12px}
.am-taal{background:none;border:1px solid rgba(160,210,230,.45);border-radius:8px;color:#dfe8ef;font:inherit;font-size:12.5px;font-weight:600;padding:5px 10px;cursor:pointer}
.am-taal:hover{border-color:#6fe7a0;color:#fff}
.am-cookie h2{font-size:22px;margin:0 0 10px;line-height:1.2;letter-spacing:-.02em;color:#fff}
.am-cookie p{color:#c8d4dd;margin:0 0 12px}
.am-cookie a{color:#6fe7a0;text-underline-offset:3px}
.am-settings{display:none;margin-top:6px}
.am-settings[aria-hidden="false"]{display:block}
.am-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid rgba(160,200,220,.18)}
.am-setting strong{display:block;font-size:14.5px;color:#fff}
.am-setting small{display:block;color:#aebdca;font-size:12.5px;line-height:1.45}
.am-toggle{appearance:none;-webkit-appearance:none;width:46px;height:26px;flex:0 0 46px;border-radius:30px;background:#3a4d5c;cursor:pointer;position:relative;margin:0;transition:background .2s}
.am-toggle::before{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.am-toggle:checked{background:linear-gradient(90deg,#c2f53d,#43cbf4)}
.am-toggle:checked::before{transform:translateX(20px);background:#04121c}
.am-toggle:disabled{opacity:.6;cursor:not-allowed}
.am-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.am-btn{min-height:46px;border-radius:10px;font:inherit;font-size:14.5px;font-weight:700;padding:10px 12px;cursor:pointer;border:1.5px solid rgba(160,210,230,.55);background:transparent;color:#fff;transition:border-color .2s,box-shadow .2s}
.am-btn:hover{border-color:#6fe7a0}
.am-btn-primary{border:0;background:linear-gradient(90deg,#c9f53a,#8eec7c 55%,#4fd3f4);color:#04121c}
.am-btn-primary:hover{box-shadow:0 0 22px rgba(120,230,150,.35)}
.am-btn-wide{grid-column:1/-1}
.am-btn:focus-visible,.am-toggle:focus-visible,.am-cookie a:focus-visible{outline:2px solid #43cbf4;outline-offset:3px}
.am-cookie .am-footer{font-size:12.5px;margin:14px 0 0;color:#8fa4b4}
@media (max-width:580px){
  .am-cookie{left:0;bottom:0;width:100%;max-height:88vh;border-radius:18px 18px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px))}
  .am-actions{grid-template-columns:1fr}.am-btn-wide{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){.am-toggle,.am-toggle::before{transition:none}}