/* =========================================================
   Cookie consent — תיקון 13 / opt-in גרנולרי
   צבעים ניידים (hex) — קריא על רקע בהיר וכהה כאחד
   ========================================================= */
.cc-banner{
  position:fixed;inset-inline:16px;bottom:16px;z-index:9000;max-width:760px;margin-inline:auto;
  background:#ffffff;color:#1e293b;border:1px solid #e2e8f0;border-radius:16px;
  box-shadow:0 20px 50px rgba(15,23,42,.25);padding:20px 22px;
  display:none;font-family:inherit;direction:rtl;
}
.cc-banner.is-open{display:block;animation:cc-up .35s ease}
@keyframes cc-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cc-banner h3{margin:0 0 .4rem;font-size:1.1rem;font-weight:800;color:#0f172a}
.cc-banner p{margin:0 0 1rem;font-size:.92rem;line-height:1.6;color:#475569}
.cc-banner a{color:#EC3E9E;text-decoration:underline}
.cc-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.cc-btn{border:none;border-radius:10px;padding:11px 18px;font-family:inherit;font-weight:700;font-size:.92rem;cursor:pointer}
.cc-btn--accept{background:#EC3E9E;color:#fff;flex:1 1 auto}
.cc-btn--accept:hover{background:#D62A88}
.cc-btn--reject{background:#f1f5f9;color:#334155}
.cc-btn--reject:hover{background:#e2e8f0}
.cc-btn--settings{background:transparent;color:#475569;text-decoration:underline}

/* modal */
.cc-modal{position:fixed;inset:0;z-index:9100;background:rgba(15,23,42,.55);display:none;
  place-items:center;padding:20px;direction:rtl}
.cc-modal.is-open{display:grid;animation:cc-fade .25s ease}
@keyframes cc-fade{from{opacity:0}to{opacity:1}}
.cc-modal__card{background:#fff;color:#1e293b;border-radius:18px;max-width:560px;width:100%;
  max-height:88vh;overflow:auto;padding:26px;box-shadow:0 24px 60px rgba(15,23,42,.35)}
.cc-modal__card h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:800;color:#0f172a}
.cc-modal__card>p{font-size:.9rem;color:#475569;margin:0 0 1.2rem;line-height:1.6}
.cc-cat{border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin-bottom:.7rem;
  display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.cc-cat h4{margin:0 0 .25rem;font-size:.98rem;font-weight:800;color:#0f172a}
.cc-cat p{margin:0;font-size:.82rem;color:#64748b;line-height:1.5}
.cc-switch{position:relative;flex:0 0 auto;width:46px;height:26px}
.cc-switch input{opacity:0;width:0;height:0}
.cc-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:999px;transition:.2s;cursor:pointer}
.cc-slider::before{content:"";position:absolute;width:20px;height:20px;inset-block:3px;inset-inline-end:3px;
  background:#fff;border-radius:50%;transition:.2s}
.cc-switch input:checked + .cc-slider{background:#EC3E9E}
.cc-switch input:checked + .cc-slider::before{inset-inline-end:23px}
.cc-switch input:disabled + .cc-slider{background:#86efac;cursor:not-allowed}
.cc-modal__actions{display:flex;gap:.6rem;margin-top:1.2rem;flex-wrap:wrap}
.cc-modal__actions .cc-btn--accept{flex:1 1 auto}
@media(max-width:520px){.cc-actions{flex-direction:column}.cc-btn--accept{order:-1}}