/* Cookie consent banner + settings dialog (consent.js) and the floating WhatsApp button (partials/tracking.php). RTL. */
:root{--cc-bg:#fff;--cc-ink:#0E1A2E;--cc-mute:#4A5872;--cc-line:#D5DCE7;--cc-pri:#006FFF;--cc-pri-ink:#fff;--cc-sec:#EEF3FA;--cc-wa:#0B7A3E;--cc-shadow:0 18px 50px -12px rgba(14,26,46,.35)}
[data-theme="dark"]{--cc-bg:#0F1A2C;--cc-ink:#EEF3FA;--cc-mute:#B4C0D3;--cc-line:#2A3A55;--cc-pri:#2F86FF;--cc-pri-ink:#fff;--cc-sec:#1B2940;--cc-shadow:0 18px 50px -12px rgba(0,0,0,.7)}

.cc-banner{position:fixed;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:80;direction:rtl;background:var(--cc-bg);color:var(--cc-ink);
  border:1px solid var(--cc-line);border-radius:16px;box-shadow:var(--cc-shadow);font:400 15px/1.55 var(--f-body,"IBM Plex Sans Hebrew",system-ui,sans-serif)}
.cc-in{display:flex;gap:18px;align-items:center;padding:16px 18px;max-width:1100px;margin:0 auto}
.cc-text{flex:1;min-width:0}
.cc-banner h2,.cc-dialog h2{margin:0 0 4px;font:700 17px/1.3 var(--f-display,"Rubik",system-ui,sans-serif);color:var(--cc-ink)}
.cc-banner p,.cc-dialog p{margin:0;color:var(--cc-mute)}
.cc-banner a,.cc-dialog a{color:var(--cc-pri);text-decoration:underline;text-underline-offset:3px}
.cc-btns{display:flex;gap:8px;flex-wrap:wrap;flex:none}
.cc-b{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid transparent;font:600 15px var(--f-body,"IBM Plex Sans Hebrew",system-ui,sans-serif);cursor:pointer}
.cc-pri{background:var(--cc-pri);color:var(--cc-pri-ink)}
.cc-sec{background:var(--cc-sec);color:var(--cc-ink);border-color:var(--cc-line)}
.cc-b:hover{filter:brightness(1.07)}
.cc-b:focus-visible,.cc-x:focus-visible,.cc-tg input:focus-visible+span,.cc-banner a:focus-visible,.cc-dialog a:focus-visible{outline:3px solid var(--cc-pri);outline-offset:2px}

.cc-dialog{direction:rtl;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--cc-line);border-radius:18px;
  background:var(--cc-bg);color:var(--cc-ink);box-shadow:var(--cc-shadow);font:400 15px/1.55 var(--f-body,"IBM Plex Sans Hebrew",system-ui,sans-serif)}
.cc-dialog[open]:not(:modal){position:fixed;inset:0;margin:auto;z-index:90}
.cc-dialog::backdrop{background:rgba(6,12,22,.55)}
.cc-form{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px;overflow:auto;max-height:calc(100vh - 34px)}
.cc-dh{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-x{min-width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--cc-ink);font-size:18px;cursor:pointer}
.cc-cat{border:1px solid var(--cc-line);border-radius:12px;padding:12px 14px}
.cc-cat-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.cc-cat-h label{font-weight:600;cursor:pointer}
.cc-cat p{font-size:14px}
.cc-tg{position:relative;display:inline-flex;width:48px;height:28px;flex:none}
.cc-tg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.cc-tg span{position:absolute;inset:0;border-radius:999px;background:var(--cc-line);transition:background .2s}
.cc-tg span::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.cc-tg input:checked+span{background:var(--cc-pri)}
.cc-tg input:checked+span::after{transform:translateX(-20px)}
.cc-tg.cc-locked input{cursor:not-allowed}
.cc-tg.cc-locked span{opacity:.7}
.cc-live{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:760px){
  .cc-in{flex-direction:column;align-items:stretch;gap:12px;padding:14px}
  .cc-btns .cc-b{flex:1 1 30%;padding:0 10px}
}

/* floating WhatsApp button: the start side (right in RTL), away from the AI chat (left) */
.wa-float{position:fixed;z-index:55;inset-inline-start:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;
  min-width:56px;min-height:56px;padding:0 18px 0 16px;border-radius:999px;background:var(--cc-wa);color:#fff;text-decoration:none;
  font:600 15px var(--f-body,"IBM Plex Sans Hebrew",system-ui,sans-serif);box-shadow:0 12px 28px -10px rgba(11,122,62,.75);transition:opacity .2s,transform .2s,visibility .2s}
.wa-float:hover{background:#09683A}
.wa-float:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px var(--cc-wa)}
.wa-float svg{flex:none}
.wa-float--off{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}
body.cc-open .wa-float{visibility:hidden}
@media (max-width:640px){
  .wa-float{padding:0;justify-content:center;width:56px;inset-inline-start:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .wa-float-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.wa-float,.cc-tg span,.cc-tg span::after{transition:none}}
@media print{.wa-float,.cc-banner,.cc-dialog{display:none!important}}