/* ═══════════════════════════════════════════════════════════
   Consimțământ cookie-uri (cookie.js): banner + fereastra de
   preferințe. Fundal „ink" ca fereastra de plată, ca să arate
   la fel indiferent de capitolul peste care apare.
   Depinde de tokenii și .btn din styles.css.
   ═══════════════════════════════════════════════════════════ */

/* baza — explicită, ca regulile paginii-gazdă (p, li, h2…) să nu se
   strecoare în banner sau în fereastră (ex. cookies.html) */
.ck,.ck-m{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;text-align:left}
.ck-cat{color:#fff;font-size:14px;line-height:1.5}
.ck-cats{margin:0;padding:0;list-style:none}

/* ── banner (jos-stânga, nu blochează pagina) ─────────────── */
.ck{
  position:fixed;left:18px;bottom:18px;z-index:250;
  width:min(440px,calc(100% - 36px));
  background:var(--ink);color:#fff;
  border:1px solid rgba(255,255,255,.13);border-radius:22px;
  padding:22px 24px 20px;
  box-shadow:0 30px 70px -24px rgba(0,0,0,.75),0 0 0 1px rgba(183,254,72,.08);
  opacity:0;transform:translateY(24px);
  transition:opacity .4s var(--ease),transform .55s var(--ease);
}
.ck.is-in{opacity:1;transform:none}
.ck__lbl{
  display:flex;align-items:center;gap:9px;
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.5);
}
.ck__lbl i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(183,254,72,.16)}
.ck__t{
  margin:12px 0 0;color:#fff;
  font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100;
  font-size:22px;font-weight:500;line-height:1.15;letter-spacing:-.02em;
}
.ck__p{margin:9px 0 0;font-size:13.5px;line-height:1.62;color:rgba(255,255,255,.66)}
.ck__p a,.ck-m__foot a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.ck__act{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.ck .btn--sm,.ck-m .btn--sm{padding:12px 20px;font-size:13.5px}
.ck .btn--ghost,.ck-m .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28);backdrop-filter:none}
.ck .btn--ghost:hover,.ck-m .btn--ghost:hover{background:rgba(183,254,72,.06);border-color:var(--lime);color:var(--lime)}
.ck__link{
  background:none;border:0;cursor:pointer;padding:8px 4px;
  font:inherit;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.72);
  text-decoration:underline;text-underline-offset:3px;transition:color .2s;
}
.ck__link:hover{color:var(--lime)}

/* ── fereastra de preferințe ──────────────────────────────── */
.ck-ov{
  position:fixed;inset:0;z-index:320;
  display:grid;place-items:center;padding:20px;
  background:rgba(7,18,10,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .28s var(--ease);
}
.ck-ov.is-open{opacity:1}
body.ck-lock{overflow:hidden}
.ck-m{
  width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;
  background:var(--ink);color:#fff;
  border:1px solid rgba(255,255,255,.13);border-radius:24px;
  padding:clamp(24px,4vw,34px);
  transform:translateY(18px) scale(.98);transition:transform .34s var(--ease);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
}
.ck-ov.is-open .ck-m{transform:none}
.ck-m__top{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.ck-m__top>div{flex:1}
.ck-m__top h2{
  margin:0;color:#fff;
  font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100;
  font-size:24px;font-weight:500;line-height:1.15;letter-spacing:-.02em;
}
.ck-m__top p{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.62)}
.ck-m__x{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.7);display:grid;place-items:center;font-size:19px;line-height:1;
  transition:background .2s,color .2s;
}
.ck-m__x:hover{background:rgba(255,255,255,.14);color:#fff}

.ck-cats{display:grid;gap:8px}
.ck-cat{
  display:flex;align-items:center;gap:16px;
  padding:14px 16px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);
}
.ck-cat>div{flex:1;min-width:0}
.ck-cat b{margin:0;color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px;font-weight:600}
.ck-cat b small{
  font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--lime);padding:3px 8px;border-radius:999px;background:rgba(183,254,72,.1);
}
.ck-cat p{margin:4px 0 0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.58)}

/* comutator */
.ck-sw{position:relative;flex:none;width:46px;height:26px}
.ck-sw input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.ck-sw span{
  position:absolute;inset:0;border-radius:999px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);
  transition:background .25s,border-color .25s;
}
.ck-sw span::after{
  content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;
  background:#fff;transition:transform .25s var(--ease),background .25s;
}
.ck-sw input:checked+span{background:var(--lime);border-color:var(--lime)}
.ck-sw input:checked+span::after{transform:translateX(20px);background:var(--ink)}
.ck-sw input:disabled{cursor:not-allowed}
.ck-sw input:disabled+span{opacity:.6}
.ck-sw input:focus-visible+span{outline:2px solid var(--lime);outline-offset:3px}

.ck-m__act{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.ck-m__foot{margin:16px 0 0;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.45)}

/* ── responsive / accesibilitate ──────────────────────────── */
@media (max-width:640px){
  .ck{left:12px;right:12px;bottom:12px;width:auto;padding:20px 20px 18px}
  .ck__act .btn,.ck-m__act .btn{width:100%;justify-content:center}
  .ck__act .ck__link,.ck-m__act .ck__link{width:100%;text-align:center}
  .ck-cat{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .ck,.ck-ov,.ck-m,.ck-sw span,.ck-sw span::after{transition:none}
  .ck,.ck-m{transform:none}
}
@media print{.ck,.ck-ov{display:none}}
