/* ═══════════════════════════════════════════════════════════════
   CLICKABILY · הסכמה לעוגיות
   הבאנר יושב מעל הכפתורים הצפים (960/970) ומתחת לחלון הווידאו
   (1200). בזמן שהוא פתוח הכפתורים הצפים עולים מעליו — --ckc-h
   נמדד ב-cookies.js — כדי שאף אחד מהם לא יוסתר.
   ═══════════════════════════════════════════════════════════════ */
.ckc,.ckm{
  --c-navy:#04122e; --c-mint:#00eaad; --c-paper:#f2f2f2;
  --c-ease:cubic-bezier(.22,1,.36,1);
  font-family:var(--font-body,system-ui,sans-serif);direction:rtl}

/* ── הבאנר ────────────────────────────────────────────────── */
.ckc{position:fixed;inset-inline:0;inset-block-end:0;z-index:980;
  padding:0 clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vh,1.25rem);
  transform:translateY(110%);transition:transform .45s var(--c-ease);pointer-events:none}
.ckc.is-in{transform:none}
.ckc__in{pointer-events:auto;max-width:1100px;margin-inline:auto;
  display:flex;align-items:center;gap:clamp(1rem,2.5vw,2rem);
  padding:clamp(1rem,2vw,1.35rem) clamp(1.1rem,2.4vw,1.75rem);border-radius:18px;
  background:linear-gradient(to left,rgba(12,38,86,.98),rgba(4,18,46,.98));
  border:1px solid rgba(0,234,173,.28);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.9),inset 0 1px 0 rgba(0,234,173,.12);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ckc__txt{flex:1;min-width:0}
.ckc__t{margin:0 0 .3rem;font-weight:700;font-size:1.02rem;color:var(--c-paper)}
.ckc__b{margin:0;font-size:.9rem;line-height:1.55;color:rgba(242,242,242,.72)}
.ckc__b a{color:var(--c-mint);text-underline-offset:3px}
.ckc__act{display:flex;align-items:center;gap:.6rem;flex-shrink:0}

/* שני הכפתורים באותו גודל — דחייה קלה כמו אישור */
.ckc__btn{font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;
  min-width:8.5rem;padding:.72rem 1.2rem;border-radius:999px;
  background:transparent;color:var(--c-paper);border:1px solid rgba(242,242,242,.38);
  transition:background .25s var(--c-ease),border-color .25s var(--c-ease),color .25s var(--c-ease)}
.ckc__btn:hover{border-color:var(--c-mint);color:var(--c-mint)}
.ckc__btn--main{background:var(--c-mint);border-color:var(--c-mint);color:var(--c-navy)}
.ckc__btn--main:hover{background:#7cffda;border-color:#7cffda;color:var(--c-navy)}
.ckc__link{font:inherit;font-size:.88rem;cursor:pointer;background:none;border:0;padding:.4rem;
  color:rgba(242,242,242,.75);text-decoration:underline;text-underline-offset:3px}
.ckc__link:hover{color:var(--c-mint)}
.ckc :focus-visible,.ckm :focus-visible{outline:2px solid var(--c-mint);outline-offset:3px}

html.ckc-on .ckf,html.ckc-on .cka{translate:0 calc(-1 * var(--ckc-h,0px));
  transition:translate .45s cubic-bezier(.22,1,.36,1)}

@media (max-width:820px){
  .ckc__in{flex-direction:column;align-items:stretch;gap:.9rem}
  .ckc__act{flex-wrap:wrap}
  .ckc__btn{flex:1 1 0;min-width:0}
  .ckc__link{flex-basis:100%;text-align:center}
}

/* ── החלון ────────────────────────────────────────────────── */
.ckm{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:1rem}
.ckm[hidden]{display:none}
html.ckm-open{overflow:hidden}
.ckm__bg{position:absolute;inset:0;background:rgba(2,9,24,.72);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ckm__box{position:relative;width:min(560px,100%);max-height:calc(100dvh - 2rem);overflow:auto;
  padding:clamp(1.4rem,3vw,2rem);border-radius:20px;outline:none;
  background:linear-gradient(165deg,#0a245a,#04122e);border:1px solid rgba(0,234,173,.28);
  box-shadow:0 30px 80px -20px rgba(0,0,0,.9);color:var(--c-paper);
  animation:ckmIn .35s var(--c-ease)}
@keyframes ckmIn{from{opacity:0;transform:translateY(12px) scale(.98)}}
.ckm__x{position:absolute;top:.9rem;inset-inline-end:.9rem;width:36px;height:36px;
  display:grid;place-items:center;border-radius:50%;cursor:pointer;
  background:rgba(242,242,242,.06);border:1px solid rgba(242,242,242,.14);color:var(--c-paper)}
.ckm__x:hover{border-color:var(--c-mint);color:var(--c-mint)}
.ckm__t{margin:0 0 .5rem;font-size:1.35rem;font-weight:800;color:var(--c-paper)}
.ckm__i{margin:0 0 1.2rem;font-size:.92rem;line-height:1.6;color:rgba(242,242,242,.72)}
.ckm__l{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.7rem}
.ckm__c{padding:1rem 1.1rem;border-radius:14px;background:rgba(242,242,242,.04);
  border:1px solid rgba(242,242,242,.10)}
.ckm__ch{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ckm__lab{font-weight:700;font-size:1rem;cursor:pointer}
.ckm__d{margin:.45rem 0 0;font-size:.86rem;line-height:1.55;color:rgba(242,242,242,.66)}
.ckm__d em{display:inline-block;margin-inline-start:.4rem;font-style:normal;font-size:.76rem;
  color:var(--c-mint);border:1px solid rgba(0,234,173,.35);border-radius:999px;padding:0 .55rem}

/* מתג */
.ckm__sw{position:relative;flex-shrink:0;width:46px;height:26px}
.ckm__sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.ckm__sw input:disabled{cursor:not-allowed}
.ckm__sw i{position:absolute;inset:0;border-radius:999px;background:rgba(242,242,242,.18);
  transition:background .25s var(--c-ease)}
.ckm__sw i::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;
  background:var(--c-paper);transition:transform .25s var(--c-ease)}
.ckm__sw input:checked + i{background:var(--c-mint)}
.ckm__sw input:checked + i::after{transform:translateX(-20px);background:var(--c-navy)}
.ckm__sw input:disabled + i{opacity:.55}
.ckm__sw input:focus-visible + i{outline:2px solid var(--c-mint);outline-offset:3px}

.ckm__act{display:flex;gap:.6rem;flex-wrap:wrap}
.ckm__act .ckc__btn{flex:1 1 0}

@media (prefers-reduced-motion:reduce){
  .ckc,.ckm__box{transition:none;animation:none}
}