/* ─── Seidenhaut · Cookie-Consent ────────────────────────────────── */
:root{
  --ck-gold:#C9A84C; --ck-gold-light:#E2C67A; --ck-text:#F0EAE0;
  --ck-muted:#B8AD9C; --ck-border:rgba(201,168,76,0.22);
  --ck-bg:#15110d; --ck-card:#211c16;
}
.ck-root *{box-sizing:border-box}
.ck-root{font-family:'Montserrat','Segoe UI',sans-serif}

/* dezenter Hintergrund-Dimmer */
.ck-overlay{
  position:fixed;inset:0;z-index:9997;background:rgba(4,4,4,.45);
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;
}
.ck-overlay.show{opacity:1;visibility:visible}

/* Banner */
.ck-banner{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:9998;
  width:auto;max-width:560px;margin:0 auto;
  background:linear-gradient(165deg,#211c16 0%,#15110d 100%);
  border:1px solid var(--ck-border);border-radius:1.3rem;
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 40px rgba(201,168,76,.06);
  padding:1.6rem 1.7rem 1.5rem;color:var(--ck-text);
  transform:translateY(160%);opacity:0;
  transition:transform .65s cubic-bezier(.6,.05,.1,1),opacity .5s ease;
}
.ck-banner.show{transform:translateY(0);opacity:1}
.ck-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}
.ck-head svg{width:22px;height:22px;stroke:var(--ck-gold);fill:none;flex-shrink:0}
.ck-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;font-weight:600;color:#fff}
.ck-text{font-size:.85rem;line-height:1.65;color:var(--ck-muted)}
.ck-text a{color:var(--ck-gold);text-decoration:underline;text-underline-offset:2px}

/* Buttons */
.ck-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.ck-btn{
  flex:1 1 auto;min-width:130px;cursor:pointer;border:none;
  padding:.8rem 1.1rem;border-radius:2.5rem;font-size:.74rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;font-family:inherit;
  transition:transform .25s,box-shadow .25s,border-color .25s,color .25s,background .25s;
}
.ck-btn-gold{background:linear-gradient(135deg,#b8902f,var(--ck-gold) 45%,var(--ck-gold-light));color:#0A0A0A}
.ck-btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(201,168,76,.35)}
.ck-btn-line{background:transparent;border:1px solid var(--ck-border);color:var(--ck-text)}
.ck-btn-line:hover{border-color:var(--ck-gold);color:var(--ck-gold);transform:translateY(-2px)}
.ck-btn-text{flex:1 1 100%;min-width:0;background:transparent;border:none;color:var(--ck-muted);
  text-transform:none;letter-spacing:.02em;font-size:.78rem;padding:.4rem;text-decoration:underline;text-underline-offset:2px}
.ck-btn-text:hover{color:var(--ck-gold)}

/* Einstellungen-Panel */
.ck-settings{max-height:0;overflow:hidden;transition:max-height .5s ease,margin .5s ease;margin-top:0}
.ck-settings.open{max-height:520px;margin-top:1.1rem}
.ck-cat{display:flex;align-items:flex-start;gap:.9rem;padding:.9rem 0;border-top:1px solid var(--ck-border)}
.ck-cat-info{flex:1}
.ck-cat-name{font-size:.86rem;font-weight:600;color:#fff;margin-bottom:.2rem}
.ck-cat-desc{font-size:.76rem;line-height:1.55;color:var(--ck-muted)}

/* Toggle-Switch */
.ck-switch{position:relative;width:42px;height:24px;flex-shrink:0;margin-top:2px}
.ck-switch input{opacity:0;width:0;height:0;position:absolute}
.ck-slider{position:absolute;inset:0;border-radius:24px;background:#3a322a;border:1px solid var(--ck-border);transition:background .3s}
.ck-slider::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:var(--ck-muted);transition:transform .3s,background .3s}
.ck-switch input:checked + .ck-slider{background:linear-gradient(135deg,var(--ck-gold),var(--ck-gold-light));border-color:var(--ck-gold-light)}
.ck-switch input:checked + .ck-slider::before{transform:translateX(18px);background:#0A0A0A}
.ck-switch input:disabled + .ck-slider{opacity:.7;cursor:not-allowed}
.ck-switch input:focus-visible + .ck-slider{outline:2px solid var(--ck-gold);outline-offset:2px}

/* Floating Re-Open Button */
.ck-reopen{
  position:fixed;left:1rem;bottom:1rem;z-index:9996;
  width:44px;height:44px;border-radius:50%;cursor:pointer;
  background:rgba(20,17,13,.85);border:1px solid var(--ck-border);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;color:var(--ck-gold);
  box-shadow:0 6px 20px rgba(0,0,0,.4);
  opacity:0;visibility:hidden;transform:scale(.8);
  transition:opacity .4s,visibility .4s,transform .4s,border-color .3s,color .3s;
}
.ck-reopen.show{opacity:1;visibility:visible;transform:scale(1)}
.ck-reopen:hover{border-color:var(--ck-gold);transform:scale(1.08)}
.ck-reopen svg{width:21px;height:21px;stroke:currentColor;fill:none}

@media (max-width:520px){
  .ck-btn{flex:1 1 100%}
  .ck-banner{padding:1.3rem 1.3rem 1.2rem}
}
@media (prefers-reduced-motion:reduce){
  .ck-banner,.ck-overlay,.ck-reopen,.ck-settings,.ck-slider::before{transition:none!important}
}