/* Cookievoorkeuren: een venster midden op het scherm, drie knoppen,
   en achter "voorkeuren" een paneel met een schuifje per soort. */
.koekjelaag{position:fixed;inset:0;z-index:1600;background:rgba(0,0,0,.55);display:flex;
 align-items:center;justify-content:center;padding:20px}
.koekjelaag[hidden]{display:none}
.koekje{background:#fff;border:1px solid #000;
 padding:26px 26px 22px;max-width:560px;width:100%;max-height:calc(100vh - 40px);overflow:auto}
.koekje h2{font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif;font-weight:800;font-size:24px;
 line-height:30px;letter-spacing:-.3px;margin:0 0 10px}
.koekje p{margin:0 0 18px;font-family:'Courier Prime','Courier New',monospace;font-size:15px;line-height:22px;color:rgba(0,0,0,.75)}
.koekje p a{color:#000}
.koekjesoorten{border-top:1px solid #000;margin:0 0 18px}
.koekjesoorten[hidden]{display:none}
.koekjesoort{display:flex;gap:18px;align-items:center;justify-content:space-between;
 padding:14px 0;border-bottom:1px solid #ddd}
.koekjesoort b{display:block;font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif;font-weight:700;
 font-size:16px;letter-spacing:.2px;margin-bottom:3px}
.koekjesoort span{font-family:'Courier Prime','Courier New',monospace;font-size:13.5px;line-height:19px;color:rgba(0,0,0,.6)}
.koekjeschuif{flex:0 0 auto;position:relative;width:46px;height:26px;background:#ddd;cursor:pointer;display:block}
.koekjeschuif input{position:absolute;opacity:0;width:0;height:0}
.koekjeschuif > span{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;transition:transform .15s}
.koekjeschuif input:checked ~ span{transform:translateX(20px)}
.koekjeschuif:has(input:checked){background:#000}
.koekjeschuif.vast{background:#000;cursor:default}
.koekjeschuif.vast > span{transform:translateX(20px)}
.koekjeschuif input:focus-visible ~ span{outline:2px solid #000;outline-offset:2px}
.koekjeknoppen{display:flex;flex-wrap:wrap;gap:10px}
.koekjeknoppen[hidden]{display:none}
.koekje button{font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:14px;
 text-transform:lowercase;letter-spacing:.2px;padding:11px 16px;cursor:pointer;border:1px solid #000;border-radius:0;
 background:#fff;color:#000;flex:1 1 auto}
.koekje button:hover{background:#eee}
.koekje button.alles,.koekje button.opslaan{background:#000;color:#fff}
.koekje button.alles:hover,.koekje button.opslaan:hover{background:#ff3100;border-color:#ff3100}
.koekjeknopje{position:fixed;left:18px;bottom:18px;z-index:400;background:#000;color:#fff;border:0;border-radius:0;
 font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:16px;text-transform:lowercase;
 letter-spacing:-.16px;line-height:28px;padding:13px 18px;cursor:pointer;box-shadow:0 3px 14px rgba(0,0,0,.3)}
.koekjeknopje:hover{background:#ff3100}
.koekjeknopje[hidden]{display:none}
@media(max-width:620px){
 .koekje{padding:20px 18px 18px}
 .koekje h2{font-size:21px;line-height:27px}
 .koekje button{flex:1 1 100%}
 .koekjeknopje{left:10px;bottom:10px;font-size:15px;line-height:26px;padding:11px 14px}
}