:root{
  --ccil-primary:#1a56db;
  --ccil-bg:#ffffff;
  --ccil-text:#111827;
  --ccil-radius:14px;
  --ccil-btn-radius:8px;
  --ccil-shadow:0 20px 60px rgba(0,0,0,.18),0 4px 16px rgba(0,0,0,.10);
  --ccil-overlay-bg:rgba(0,0,0,.55);
  --ccil-font:inherit;
}

/* ── Banner ── */
#ccil-banner{position:fixed;z-index:2147483647;left:0;right:0;font-family:'Segoe UI',Arial,sans-serif;direction:rtl;transition:transform .4s cubic-bezier(.32,1.25,.55,1),opacity .35s ease;opacity:0;pointer-events:none;color:var(--ccil-text)!important;}
#ccil-banner.ccil-show{opacity:1;pointer-events:auto;}
#ccil-banner.ccil-pos-bottom{bottom:0;transform:translateY(110%);}
#ccil-banner.ccil-pos-bottom.ccil-show{transform:translateY(0);}
#ccil-banner.ccil-pos-top{top:0;transform:translateY(-110%);}
#ccil-banner.ccil-pos-top.ccil-show{transform:translateY(0);}
#ccil-overlay{display:none;position:fixed;inset:0;background:var(--ccil-overlay-bg);z-index:2147483645;backdrop-filter:blur(3px);}
#ccil-overlay.ccil-show{display:block;}
#ccil-banner.ccil-pos-center{top:50%;left:50%;right:auto;width:540px;max-width:calc(100vw - 32px);transform:translate(-50%,-50%) scale(.9);}
#ccil-banner.ccil-pos-center.ccil-show{transform:translate(-50%,-50%) scale(1);}

/* כרטיס — ללא border */
.ccil-card{background:var(--ccil-bg)!important;color:var(--ccil-text)!important;box-shadow:var(--ccil-shadow);padding:22px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
#ccil-banner.ccil-pos-center .ccil-card{border-radius:var(--ccil-radius);flex-direction:column;align-items:flex-start;padding:28px;}
.ccil-text-block{flex:1;min-width:200px;}
.ccil-text-block h3{margin:0 0 7px;font-size:17px;font-weight:700;color:var(--ccil-text);display:flex;align-items:center;gap:9px;}
.ccil-text-block h3 svg{color:var(--ccil-primary);flex-shrink:0;}
.ccil-text-block p{margin:0;font-size:13.5px;line-height:1.7;color:color-mix(in srgb,var(--ccil-text) 68%,transparent);}
.ccil-text-block a{color:var(--ccil-primary);text-decoration:underline;}
.ccil-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex-shrink:0;}

/* ── כפתורים — עם !important כדי לנצח theme overrides ── */
#ccil-banner .ccil-btn,
#ccil-prefs-modal .ccil-btn{
  cursor:pointer!important;
  border-radius:var(--ccil-btn-radius)!important;
  font-size:14px!important;
  font-weight:600!important;
  padding:10px 20px!important;
  transition:all .2s ease!important;
  white-space:nowrap!important;
  font-family:inherit!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:none!important;
  outline:none!important;
}
#ccil-banner .ccil-btn:focus-visible,
#ccil-prefs-modal .ccil-btn:focus-visible{outline:3px solid var(--ccil-primary)!important;outline-offset:2px!important;}

/* כפתור ראשי */
#ccil-banner .ccil-btn-primary,
#ccil-prefs-modal .ccil-btn-primary{background:var(--ccil-primary)!important;color:#fff!important;background-color:var(--ccil-primary)!important;}
#ccil-banner .ccil-btn-primary:hover,#ccil-banner .ccil-btn-primary:focus,
#ccil-prefs-modal .ccil-btn-primary:hover,#ccil-prefs-modal .ccil-btn-primary:focus{
  filter:brightness(1.1)!important;transform:translateY(-1px)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.2)!important;
  background:var(--ccil-primary)!important;background-color:var(--ccil-primary)!important;color:#fff!important;
}

/* כפתור משני */
#ccil-banner .ccil-btn-secondary,
#ccil-prefs-modal .ccil-btn-secondary{
  background:transparent!important;background-color:transparent!important;
  color:var(--ccil-text)!important;
  border:1.5px solid color-mix(in srgb,var(--ccil-text) 20%,transparent)!important;
}
#ccil-banner .ccil-btn-secondary:hover,#ccil-banner .ccil-btn-secondary:focus,
#ccil-prefs-modal .ccil-btn-secondary:hover,#ccil-prefs-modal .ccil-btn-secondary:focus{
  border-color:var(--ccil-primary)!important;color:var(--ccil-primary)!important;
  background:color-mix(in srgb,var(--ccil-primary) 8%,transparent)!important;
  background-color:color-mix(in srgb,var(--ccil-primary) 8%,transparent)!important;
  transform:none!important;box-shadow:none!important;
}

/* כפתור קישור */
#ccil-banner .ccil-btn-link,
#ccil-prefs-modal .ccil-btn-link{
  background:none!important;background-color:transparent!important;
  color:color-mix(in srgb,var(--ccil-text) 55%,transparent)!important;
  border:none!important;padding:10px 6px!important;font-size:13px!important;
  text-decoration:underline!important;
}
#ccil-banner .ccil-btn-link:hover,#ccil-banner .ccil-btn-link:focus,
#ccil-prefs-modal .ccil-btn-link:hover,#ccil-prefs-modal .ccil-btn-link:focus{
  color:var(--ccil-primary)!important;background:none!important;
  background-color:transparent!important;transform:none!important;box-shadow:none!important;
}

/* ── Prefs modal ── */
#ccil-prefs-modal{display:none;position:fixed;inset:0;z-index:2147483647;align-items:center;justify-content:center;padding:16px;}
#ccil-prefs-modal.ccil-show{display:flex;}
#ccil-prefs-overlay{position:absolute;inset:0;background:var(--ccil-overlay-bg);backdrop-filter:blur(4px);}
.ccil-prefs-box{position:relative;background:var(--ccil-bg)!important;color:var(--ccil-text)!important;border-radius:var(--ccil-radius);padding:28px;width:500px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--ccil-shadow);direction:rtl;font-family:inherit;animation:ccilSlideUp .35s cubic-bezier(.32,1.25,.55,1);}
@keyframes ccilSlideUp{from{transform:translateY(40px) scale(.96);opacity:0;}to{transform:translateY(0) scale(1);opacity:1;}}
.ccil-prefs-box h2{margin:0 0 4px;font-size:20px;font-weight:800;display:flex;align-items:center;gap:9px;}
.ccil-prefs-box h2 svg{color:var(--ccil-primary);}
.ccil-prefs-subtitle{font-size:13px;line-height:1.6;color:color-mix(in srgb,var(--ccil-text) 60%,transparent);margin-bottom:20px;}
.ccil-category{border:1.5px solid color-mix(in srgb,var(--ccil-text) 15%,transparent);border-radius:calc(var(--ccil-radius) * .7);padding:12px 14px;margin-bottom:8px;transition:border-color .2s;}
.ccil-category:hover{border-color:color-mix(in srgb,var(--ccil-primary) 35%,transparent);}
.ccil-category-header{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;user-select:none;}
.ccil-category-title{font-weight:700;font-size:14px;display:flex;align-items:center;gap:9px;}
.ccil-category-title svg{color:var(--ccil-primary);flex-shrink:0;}
.ccil-category-desc{font-size:12.5px;margin-top:8px;line-height:1.65;display:none;color:color-mix(in srgb,var(--ccil-text) 62%,transparent);}
.ccil-category.ccil-expanded .ccil-category-desc{display:block;}
.ccil-chevron{transition:transform .25s;color:color-mix(in srgb,var(--ccil-text) 35%,transparent);flex-shrink:0;}
.ccil-category.ccil-expanded .ccil-chevron{transform:rotate(180deg);}
.ccil-toggle{position:relative;width:44px;height:24px;flex-shrink:0;}
.ccil-toggle input{opacity:0;width:0;height:0;position:absolute;}
.ccil-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:24px;transition:background .25s;}
.ccil-toggle-slider::before{content:'';position:absolute;width:18px;height:18px;right:3px;top:3px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.ccil-toggle input:checked+.ccil-toggle-slider{background:var(--ccil-primary);}
.ccil-toggle input:checked+.ccil-toggle-slider::before{transform:translateX(-20px);}
.ccil-toggle input:disabled+.ccil-toggle-slider{opacity:.6;cursor:not-allowed;}
.ccil-prefs-footer{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;}
.ccil-prefs-close{position:absolute;top:12px;left:12px;background:none!important;border:none!important;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--ccil-text) 45%,transparent);transition:background .15s,color .15s;padding:0!important;}
.ccil-prefs-box[dir="ltr"] .ccil-prefs-close{left:auto;right:12px;}
.ccil-prefs-close:hover{background:color-mix(in srgb,var(--ccil-text) 10%,transparent)!important;color:var(--ccil-text)!important;transform:none!important;box-shadow:none!important;}

/* ── Badge (כפתור צד) ── */
#ccil-badge{
  position:fixed;z-index:2147483644;
  background:var(--ccil-primary)!important;background-color:var(--ccil-primary)!important;
  color:#fff!important;border:none!important;border-radius:50%!important;
  cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.22);
  display:none;align-items:center;justify-content:center;
  transition:transform .2s,box-shadow .2s;
  padding:0!important;line-height:1;overflow:hidden;
  transform-origin:center center;
}
#ccil-badge:hover,#ccil-badge:focus{
  transform:scale(1.1)!important;box-shadow:0 6px 20px rgba(0,0,0,.28);
  background:var(--ccil-primary)!important;background-color:var(--ccil-primary)!important;
  color:#fff!important;
}
#ccil-badge.ccil-show{display:flex;}
#ccil-badge svg{display:block;flex-shrink:0;pointer-events:none;}

/* ── Mobile ── */
@media(max-width:640px){
  .ccil-card{flex-direction:column;padding:18px;}
  .ccil-actions{width:100%;flex-direction:column;}
  #ccil-banner .ccil-btn,#ccil-prefs-modal .ccil-btn{width:100%!important;text-align:center!important;}
  #ccil-banner.ccil-pos-center{width:calc(100vw - 24px);}
  .ccil-prefs-box{padding:20px;}
}

/* ── Theme isolation — מבטל override של Avada/Divi/Elementor ── */
#ccil-banner *,
#ccil-prefs-modal *,
#ccil-badge {
  font-family: var(--ccil-font, 'Segoe UI', Arial, sans-serif) !important;
  box-sizing: border-box !important;
}
#ccil-banner p,
#ccil-banner h3,
#ccil-banner span,
#ccil-banner a,
#ccil-prefs-modal p,
#ccil-prefs-modal h2,
#ccil-prefs-modal span,
#ccil-prefs-modal strong,
#ccil-prefs-modal label {
  color: var(--ccil-text) !important;
  font-size: revert;
  line-height: revert;
  margin: revert;
  padding: revert;
}
#ccil-banner a,
#ccil-prefs-modal a {
  color: var(--ccil-primary) !important;
}

/* קישור פרטיות בתחתית חלון ההעדפות */
.ccil-prefs-privacy-inline{color:var(--ccil-primary)!important;text-decoration:underline!important;font-size:inherit;}

/* LTR support */
#ccil-banner[dir="ltr"],
#ccil-banner[dir="ltr"] .ccil-card,
#ccil-banner[dir="ltr"] .ccil-text-block,
#ccil-banner[dir="ltr"] .ccil-actions {
  direction: ltr !important;
  text-align: left !important;
}
#ccil-prefs-modal .ccil-prefs-box[dir="ltr"],
#ccil-prefs-modal .ccil-prefs-box[dir="ltr"] * {
  direction: ltr !important;
}
#ccil-prefs-modal .ccil-prefs-box[dir="ltr"] .ccil-prefs-footer {
  justify-content: flex-start !important;
}