/* Elementor kit fonts */
#ck-consent * { box-sizing:border-box; font-family: var(--e-global-typography-text-font-family, inherit); }
#ck-consent h1,#ck-consent h2,#ck-consent h3,#ck-consent h4 { 
  font-family: var(--e-global-typography-primary-font-family, var(--e-global-typography-text-font-family, inherit));
}
:root{ --ckc-primary:#f8ab00; --ckc-accent:#ff2e74; --ckc-icon:#ffffff; --ckc-z:2147483000; --ckc-h1:24px; --ckc-h3:18px; }
.ck-hidden{display:none!important}

/* Floating cookie icon */
.ck-fab{
  position:fixed; inset-inline-end:16px; inset-block-end:16px;
  width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;
  background: linear-gradient(135deg, var(--ckc-primary), var(--ckc-accent));color: var(--ckc-icon); z-index:calc(var(--ckc-z) + 2);
  display:grid; place-items:center; box-shadow:0 10px 28px rgba(0,0,0,.28);
  animation:ck-bounce 1.1s ease-out .4s 2;
}

/* Centered banner */
.ck-banner{
  position:fixed; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.45); z-index:calc(var(--ckc-z) + 1);
}
.ck-card{
  width:min(680px, 92vw); background:#101116; color:#fff; border-radius:16px;
  padding:20px; text-align:right; box-shadow:0 24px 64px rgba(0,0,0,.35);
  animation:ck-pop .35s ease-out;
}
.ck-title{ margin:0 0 6px; font-size:var(--ckc-h1); }
.ck-text{ margin:0 0 14px; opacity:.92; line-height:1.55; }
.ck-actions{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-start; }
.ck-btn{ border:0; cursor:pointer; font-weight:600; border-radius:10px; padding:9px 13px; font-size:14px; }
.ck-btn--primary{ background:linear-gradient(135deg,var(--ckc-primary),var(--ckc-accent)); color:#fff; }
.ck-btn--ghost{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.38); }
.ck-btn--link{ background:transparent; color:var(--ckc-accent); text-decoration:underline; }

#ck-reopen svg { width:24px; height:24px; fill: currentColor; }
#ck-reopen svg path { fill: currentColor; }
/* גיבוי אם יש path בלי fill */

/* Preferences dialog - smaller UI */
.ck-prefs{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:calc(var(--ckc-z) + 3); display:none; align-items:center; justify-content:center; padding:14px; }
.ck-prefs[aria-hidden="false"]{ display:flex; }
.ck-prefs__card{ width:min(560px, 90vw); background:#fff; color:#222; border-radius:14px; box-shadow:0 24px 64px rgba(0,0,0,.28); overflow:hidden; font-size:13.5px; }
.ck-prefs__head{ display:flex; align-items:center; gap:10px; justify-content:flex-start; padding:10px 14px; background:#f7f6ff; }
.ck-x{ order:0; border:0; background:#000; color:#fff; font-size:18px; line-height:1; cursor:pointer; width:32px; height:32px; border-radius:8px; display:grid; place-items:center; }
.ck-prefs__head h3{ margin:0; font-size:var(--ckc-h3); }
.ck-prefs__body{ padding:10px 14px; display:grid; gap:12px; }
.ck-cat{ border:1px solid #eee; border-radius:12px; padding:12px; background:#fafafa; }
.ck-cat h4{ margin:0 0 6px; font-size:14px; }
.ck-cat p{ margin:0 0 8px; color:#555; font-size:13px; }
.ck-prefs__foot{ padding:10px 14px; display:flex; gap:8px; justify-content:flex-start; }

/* Switch – robust, never overflows */
.ck-switch{ position:relative; display:inline-block; width:52px; height:28px; vertical-align:middle; }
.ck-switch input{ position:absolute; opacity:0; }
.ck-switch .slider{
  position:absolute; inset:0; background:#c9c9c9; border-radius:999px; transition:background .25s;
  overflow:hidden;
}
.ck-switch .slider:before{
  content:""; position:absolute; width:22px; height:22px; top:3px; left:3px;
  background:#fff; border-radius:50%; box-shadow:0 1px 2px rgba(0,0,0,.25);
  transition:left .25s ease;
}
.ck-switch input:checked + .slider{ background:var(--ckc-primary); }
.ck-switch input:checked + .slider:before{ left: calc(100% - 3px - 22px); }
.ck-switch.disabled .slider{ background:#9aa0a6!important; cursor:not-allowed; }

@keyframes ck-pop{ from{ transform:translateY(14px); opacity:0;} to{ transform:translateY(0); opacity:1;} }
@keyframes ck-bounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(0)}80%{transform:translateY(-6px)}}
