/* ============================================================
   TWIZT — cookiemelding, skiplink en juridische footerlinks
   ============================================================ */

/* ---------- Skiplink (toegankelijkheid) ---------- */
.tz-skip{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--magenta);color:#fff;
    font-family:'Fredoka',sans-serif;font-weight:600;padding:12px 20px;border-radius:0 0 12px 0;}
.tz-skip:focus{left:0;color:#fff;}

/* ---------- Juridische links in de footer ---------- */
.foot-legal{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;align-items:center;
    margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.22);}
.foot-legal a,.foot-legal-btn{color:#fff;opacity:.85;font-weight:600;font-size:.85rem;
    background:none;border:0;padding:0;cursor:pointer;font-family:'Quicksand',sans-serif;}
.foot-legal a:hover,.foot-legal-btn:hover{opacity:1;color:var(--yellow);text-decoration:underline;}

/* ---------- Cookiemelding ---------- */
.ck-banner{position:fixed;left:0;right:0;bottom:0;z-index:1100;background:#fff;
    box-shadow:0 -8px 30px rgba(0,0,0,.22);border-top:5px solid var(--magenta);
    font-family:'Quicksand',sans-serif;animation:ck-in .3s ease-out;}
.ck-banner[hidden]{display:none;}
@keyframes ck-in{from{transform:translateY(100%);}to{transform:translateY(0);}}
.ck-inner{max-width:1180px;margin:0 auto;padding:22px 24px;display:flex;flex-wrap:wrap;
    align-items:center;gap:18px 28px;}
.ck-tekst{flex:1 1 380px;min-width:280px;}
.ck-titel{font-family:'Fredoka',sans-serif;font-weight:700;color:var(--magenta);text-transform:uppercase;
    letter-spacing:.5px;font-size:1.05rem;margin:0 0 6px;}
.ck-tekst p{margin:0;font-weight:500;color:#4a3a44;font-size:.92rem;line-height:1.55;}
.ck-tekst a{color:var(--magenta);font-weight:700;text-decoration:underline;}

.ck-opties{flex:1 1 100%;display:grid;gap:10px;background:var(--cream);border-radius:14px;padding:16px 18px;}
.ck-opties[hidden]{display:none;}
.ck-optie{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:#4a3a44;font-weight:500;line-height:1.45;}
.ck-optie input{margin-top:3px;width:18px;height:18px;accent-color:var(--magenta);flex:0 0 18px;}

.ck-knoppen{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.ck-btn{font-family:'Fredoka',sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.4px;
    border-radius:50px;padding:11px 22px;border:2px solid transparent;cursor:pointer;transition:.18s;}
.ck-btn[hidden]{display:none;}
.ck-btn-primair{background:var(--magenta);color:#fff;box-shadow:0 4px 0 var(--magenta-dark);}
.ck-btn-primair:hover{transform:translateY(-2px);}
.ck-btn-secundair{background:#fff;color:var(--magenta);border-color:var(--magenta);}
.ck-btn-secundair:hover{background:var(--yellow);border-color:var(--yellow);}
.ck-btn-link{background:none;color:#6a5a64;text-decoration:underline;padding:11px 8px;}
.ck-btn-link:hover{color:var(--magenta);}

@media(max-width:767px){
    .ck-inner{padding:18px;gap:14px;}
    .ck-knoppen{width:100%;}
    .ck-btn{flex:1 1 auto;text-align:center;}
}