:root{--ocai-accent:#2f7137;--ocai-font:14px;}

/* בידוד מוחלט מעיצוב האתר: כל מאפיין חוזר לברירת המחדל של הדפדפן, והעיצוב
   שלנו (בסלקטורים מבוססי-ID, חזקים יותר) נבנה מאפס — זהה בכל תבנית. */
/* איפוס קלאסי במקום all:revert: מנטרל את כל הירושה מהתבנית (פונט, צבע, רקע,
   מסגרות, טרנספורמציות, text-transform) בלי לגעת ב-color-scheme — כי all:revert
   אילץ color-scheme:normal, וב-OS כהה הדפדפן החשיך את כל הווידג'ט (הריצוד השחור).
   הכללים הקונקרטיים בהמשך בונים את העיצוב שלנו מעל האיפוס — זהה בכל תבנית. */
#ocai-fab,#ocai-panel,#ocai-panel *{
  margin:0;padding:0;border:0;outline:0;background:transparent;
  font:inherit;font-weight:400;color:inherit;line-height:1.5;
  letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;
  text-shadow:none;text-decoration:none;text-align:right;vertical-align:baseline;
  float:none;box-shadow:none;list-style:none;min-width:0;min-height:0;max-width:none;
  transform:none;transition:none;filter:none;animation:none;letter-spacing:normal;
  appearance:none;-webkit-appearance:none;white-space:normal;
}
/* תבניות רבות מציירות רקע לכפתורים דרך ::before (למשל oc-main-theme:
   button:not(...)::before עם רקע שחור) — שכבה שנצבעת מעל הכפתור שלנו והופכת
   אותו למלבן שחור. לווידג'ט אין פסאודו-אלמנטים משלו, אז חוסמים את כולם. */
#ocai-fab::before,#ocai-fab::after,
#ocai-panel *::before,#ocai-panel *::after{content:none !important;display:none !important;background:none !important;}
#ocai-fab{color-scheme:only light;}
#ocai-panel{color-scheme:only light;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Heebo','Assistant',Roboto,Arial,sans-serif;color:#1f1f1f;}
#ocai-panel *{box-sizing:border-box;}
#ocai-fab,#ocai-panel{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Heebo','Assistant',Roboto,Arial,sans-serif !important;line-height:1.5;}
#ocai-panel{font-size:var(--ocai-font);color:#1f1f1f;}
#ocai-panel *{box-sizing:border-box;}
#ocai-panel img{max-width:100%;border:none;}
#ocai-panel p{margin:0 0 8px;}


/* חסינות מול CSS של תבניות: תבניות מגדירות button/input/a גלובליים (רקע, רדיוס, גובה,
   text-transform) שדורסים את הווידג'ט. כאן מקבעים במפורש את המאפיינים הקריטיים של כל
   רכיבי הווידג'ט בעדיפות גבוהה — כך העיצוב זהה בכל תבנית שהתוסף מותקן בה. */
#ocai-fab, #ocai-panel, #ocai-panel *{box-sizing:border-box !important;text-transform:none !important;letter-spacing:normal !important;text-shadow:none !important;}
#ocai-panel button, button#ocai-fab{font-family:inherit !important;margin:0 !important;min-height:0 !important;min-width:0 !important;line-height:1.3 !important;}
button#ocai-fab{background:var(--ocai-fab-bg,linear-gradient(var(--ocai-accent),var(--ocai-accent))) !important;background-color:var(--ocai-accent) !important;color:#fff !important;border:none !important;border-radius:var(--ocai-fab-radius,28px) !important;padding:12px 18px !important;font-size:15px !important;font-weight:600 !important;width:auto !important;height:auto !important;box-shadow:0 4px 18px rgba(0,0,0,.25) !important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Heebo','Assistant',Roboto,Arial,sans-serif !important;}
#ocai-panel .ocai-panel__form button[type="submit"]{background:linear-gradient(var(--ocai-accent),var(--ocai-accent)) !important;background-color:var(--ocai-accent) !important;color:#fff !important;border:none !important;border-radius:50% !important;width:38px !important;height:38px !important;padding:0 !important;font-size:15px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
#ocai-panel .ocai-mic{border-radius:50% !important;width:38px !important;height:38px !important;padding:0 !important;}
#ocai-panel .ocai-panel__form input{border:1px solid #ddd !important;border-radius:20px !important;background:#fff !important;color:#1f1f1f !important;padding:9px 14px !important;height:auto !important;line-height:1.4 !important;font-size:var(--ocai-font) !important;box-shadow:none !important;font-family:inherit !important;}
#ocai-panel .ocai-panel__form input:focus{border-color:var(--ocai-accent) !important;}
#ocai-panel .ocai-panel__reset{background:rgba(255,255,255,.16) !important;color:#fff !important;border:none !important;border-radius:12px !important;padding:5px 10px !important;font-size:11.5px !important;width:auto !important;height:auto !important;box-shadow:none !important;}
#ocai-panel .ocai-panel__close{background:rgba(127,127,127,.16) !important;border:none !important;padding:0 !important;width:32px !important;height:32px !important;border-radius:50% !important;box-shadow:none !important;font-size:18px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;}
/* שני סוגי הכפתורים ("הוסף לסל"/"לבחירה") בגובה ורוחב זהים, מיושרים לתחתית הכרטיסייה */
#ocai-panel .ocai-card__add{border-radius:var(--ocai-radius,8px) !important;box-shadow:none !important;height:32px !important;box-sizing:border-box !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 6px !important;line-height:1 !important;border:1px solid var(--ocai-accent) !important;margin:auto 8px 8px !important;width:auto !important;min-width:0 !important;max-width:none !important;align-self:stretch !important;flex:0 0 auto !important;}
#ocai-panel a.ocai-card__add--link{background:#fff !important;color:var(--ocai-accent) !important;border:1px solid var(--ocai-accent) !important;text-decoration:none !important;}
#ocai-panel .ocai-card__add--done{border-color:#1d7c2a !important;}
#ocai-panel .ocai-chip{border-radius:var(--ocai-chip-radius,16px) !important;box-shadow:none !important;height:auto !important;width:auto !important;}
#ocai-panel .ocai-msg a{color:var(--ocai-accent) !important;text-decoration:underline !important;background:none !important;padding:0 !important;}

/* the [hidden] attribute must always win — this was the "panel stuck open" bug.
   Exception: inline (in-page) mode — that panel is permanent and can never be hidden. */
#ocai-panel[hidden]:not(.ocai-panel--inline){display:none!important;}
#ocai-panel.ocai-panel--inline{display:flex!important;}

/* floating button */
.ocai-pos-right #ocai-fab, #ocai-fab.ocai-pos-right{left:auto;right:22px;}
#ocai-panel.ocai-pos-right{left:auto;right:22px;}
#ocai-fab{position:fixed;bottom:22px;left:22px;z-index:999999;display:flex;align-items:center;gap:8px;
  background:linear-gradient(var(--ocai-accent),var(--ocai-accent));background-color:var(--ocai-accent);color:#fff;border:none;border-radius:28px;padding:12px 18px;font-size:15px;
  font-weight:600;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.25);transition:transform .15s ease;}
#ocai-fab:hover{transform:translateY(-2px);}
#ocai-fab .ocai-fab__icon{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;}
#ocai-fab .ocai-fab__icon .ocai-avatar-svg{width:20px;height:20px;display:block;}
#ocai-fab .ocai-fab__icon .ocai-avatar-img{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block;}

/* panel */
#ocai-panel{position:fixed;bottom:86px;left:22px;z-index:2147483000;width:370px;max-width:calc(100vw - 32px);
  height:520px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;display:flex;flex-direction:column;
  box-shadow:0 12px 40px rgba(0,0,0,.28);overflow:hidden;
  font-family:inherit;}
#ocai-panel[dir="ltr"]{text-align:left;}
#ocai-panel .ocai-panel__head{background:var(--ocai-accent);color:#fff;padding:12px 16px;font-weight:600;font-size:14px;
  display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;}
#ocai-panel .ocai-panel__head .ocai-panel__titlewrap{display:flex;align-items:center;gap:8px;min-width:0;}
#ocai-panel .ocai-panel__avatar{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;}
#ocai-panel .ocai-panel__avatar .ocai-avatar-svg{width:18px;height:18px;display:block;}
#ocai-panel .ocai-panel__avatar .ocai-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
/* נצנוץ עדין של כוכבי ה-AI (לופ) */
@keyframes ocai-twinkle{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.55;transform:scale(.8);}}
#ocai-fab .ocai-sparkle path,#ocai-panel .ocai-sparkle path{transform-box:fill-box;transform-origin:center;animation:ocai-twinkle 2.3s ease-in-out infinite;}
#ocai-fab .ocai-sparkle path:nth-child(2),#ocai-panel .ocai-sparkle path:nth-child(2){animation-duration:1.9s;animation-delay:.85s;}
@media (prefers-reduced-motion:reduce){#ocai-fab .ocai-sparkle path,#ocai-panel .ocai-sparkle path{animation:none;}}
#ocai-panel .ocai-panel__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ocai-panel .ocai-panel__close{background:rgba(127,127,127,.16);border:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease;}
#ocai-panel .ocai-panel__head > span:last-child{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;}
#ocai-panel .ocai-panel__close:hover{background:rgba(127,127,127,.28);}
#ocai-panel .ocai-panel__reset{background:rgba(255,255,255,.16);border:none;color:#fff;font-size:11.5px;line-height:1;cursor:pointer;
  padding:5px 10px;border-radius:12px;opacity:.95;margin-inline-end:8px;}
#ocai-panel .ocai-panel__reset:hover{opacity:1;}
#ocai-panel .ocai-panel__body{flex:1 1 auto;overflow-y:auto;padding:14px;background:#f7f7f5;}
#ocai-panel .ocai-msg{max-width:85%;margin-bottom:10px;padding:9px 13px;border-radius:14px;font-size:var(--ocai-font);line-height:1.55;
  white-space:pre-wrap;word-break:break-word;}
#ocai-panel[dir="rtl"]{text-align:right;}
#ocai-panel[dir="rtl"] .ocai-msg{text-align:right;}
#ocai-panel .ocai-msg--bot{background:#fff;border:1px solid #e6e6e2;border-start-start-radius:4px;margin-inline-start:0;margin-inline-end:auto;}
#ocai-panel .ocai-msg--user{background:linear-gradient(var(--ocai-accent),var(--ocai-accent));background-color:var(--ocai-accent);color:#fff;border-start-end-radius:4px;margin-inline-start:auto;margin-inline-end:0;}
#ocai-panel .ocai-msg a{color:var(--ocai-accent);text-decoration:underline;}
#ocai-panel .ocai-msg--user a{color:#fff;}
#ocai-panel .ocai-typing{display:inline-flex;gap:4px;padding:11px 6px 11px 14px;vertical-align:middle;}
#ocai-panel .ocai-typing-text{font-size:12.5px;color:#8b8b85;margin-inline-start:4px;transition:opacity .2s ease;vertical-align:middle;}
#ocai-panel .ocai-typing span{width:7px;height:7px;border-radius:50%;background:#b9b9b3;animation:ocai-b 1.2s infinite;}
#ocai-panel .ocai-typing span:nth-child(2){animation-delay:.2s}
#ocai-panel .ocai-typing span:nth-child(3){animation-delay:.4s}
@keyframes ocai-b{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

/* product cards — horizontal scroll strip */
#ocai-panel .ocai-cards{display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:4px 2px 10px;margin-bottom:8px;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
#ocai-panel .ocai-card{flex:0 0 132px;background:#fff;border:1px solid #e6e6e2;border-radius:12px;overflow:hidden;
  display:flex;flex-direction:column;font-size:12.5px;}
#ocai-panel .ocai-card img{width:100%;height:92px;object-fit:cover;display:block;}
#ocai-panel .ocai-card__noimg{width:100%;height:92px;display:flex;align-items:center;justify-content:center;font-size:34px;background:#f3f2ee;}
#ocai-panel .ocai-card__name{padding:6px 8px 0;line-height:1.3;overflow-wrap:anywhere;}
#ocai-panel .ocai-card__name a{color:#222;text-decoration:none;font-weight:600;}
#ocai-panel .ocai-card__price{padding:2px 8px 6px;color:var(--ocai-accent);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ocai-panel .ocai-card__price-reg{color:#9aa0a6;font-weight:500;text-decoration:line-through;font-size:11px;margin-inline-end:4px;}
#ocai-panel .ocai-card__price-sale{color:var(--ocai-accent);font-weight:700;text-decoration:none;}
#ocai-panel .ocai-card__add{margin:auto 8px 8px;background:linear-gradient(var(--ocai-accent),var(--ocai-accent));background-color:var(--ocai-accent);color:#fff;border:none;border-radius:var(--ocai-radius,8px);
  padding:6px 0;font-size:12.5px;cursor:pointer;text-align:center;text-decoration:none;display:block;}
#ocai-panel .ocai-card__add--link{background:#fff;color:var(--ocai-accent);border:1px solid var(--ocai-accent);}
#ocai-panel .ocai-card__add--done{background:#1d7c2a;}
#ocai-panel .ocai-card__add:disabled{opacity:.6;}

/* live "listening" indicator — bars react to the mic level (var --lvl set from JS) */
#ocai-panel .ocai-listening{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--ocai-accent);font-size:13px;}
#ocai-panel .ocai-listening__wave{display:inline-flex;align-items:flex-end;gap:3px;height:22px;--lvl:0.12;}
#ocai-panel .ocai-listening__wave i{width:3px;border-radius:2px;background:var(--ocai-accent);
  height:calc(4px + var(--lvl,0.12) * 20px);transition:height .09s ease-out;animation:ocai-lwave 1.1s ease-in-out infinite;}
#ocai-panel .ocai-listening__wave i:nth-child(2){animation-delay:.15s}
#ocai-panel .ocai-listening__wave i:nth-child(3){animation-delay:.3s}
#ocai-panel .ocai-listening__wave i:nth-child(4){animation-delay:.45s}
#ocai-panel .ocai-listening__wave i:nth-child(5){animation-delay:.6s}
@keyframes ocai-lwave{0%,100%{opacity:.45}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){#ocai-panel .ocai-listening__wave i{animation:none}}

/* chips */
#ocai-panel .ocai-panel__chips{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#f7f7f5;
  transition:opacity .25s ease;}
#ocai-panel .ocai-chips--fade{opacity:0;}
#ocai-panel .ocai-chip{background:#fff;border:1px solid var(--ocai-accent);color:var(--ocai-accent);border-radius:var(--ocai-chip-radius,16px);
  padding:6px 12px;font-size:calc(var(--ocai-font) - 1.5px);cursor:pointer;transition:background .12s;}
#ocai-panel .ocai-chip:hover{background:var(--ocai-accent);color:#fff;}

/* input */
#ocai-panel .ocai-panel__form{flex:0 0 auto;display:flex;gap:8px;padding:10px 12px;border-top:1px solid #e8e8e4;background:#fff;}
#ocai-panel .ocai-panel__form input{flex:1;border:1px solid #ddd;border-radius:20px;padding:9px 14px;font-size:var(--ocai-font);outline:none;min-width:0;}
#ocai-panel .ocai-panel__form input:focus{border-color:var(--ocai-accent);}
#ocai-panel .ocai-panel__form button[type="submit"]{background:linear-gradient(var(--ocai-accent),var(--ocai-accent));background-color:var(--ocai-accent);color:#fff;border:none;border-radius:50%;width:38px;height:38px;
  font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transform:scaleX(-1);}

/* voice: mic button */
#ocai-panel .ocai-mic{background:#fff;color:var(--ocai-accent);border:1px solid var(--ocai-accent);border-radius:50%;
  width:38px;height:38px;cursor:pointer;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  transition:background .15s,color .15s,transform .15s;}
#ocai-panel .ocai-mic svg{display:block;}
#ocai-panel .ocai-mic:hover{background:linear-gradient(var(--ocai-accent),var(--ocai-accent));background-color:var(--ocai-accent);color:#fff;}
#ocai-panel .ocai-mic.ocai-mic--on{background:#e5484d;border-color:#e5484d;color:#fff;transform:scale(1.18);animation:ocai-pulse 1.1s infinite;}
/* מצב קולי פעיל אך לא מקשיב כרגע (חושב/מקריא) — צבוע, בלי דופק */
#ocai-panel .ocai-mic.ocai-mic--live{background:#e5484d;border-color:#e5484d;color:#fff;}
@keyframes ocai-pulse{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,.55)}55%{box-shadow:0 0 0 13px rgba(229,72,77,0)}}

/* ── מצב משובץ בעמוד (shortcode ocai_assistant) ──
   עיצוב עמיד (0.81.8): המכל שומר גובה משלו ב-CSS, והפאנל ממלא אותו ב-position:absolute.
   כך: (א) הפאנל לעולם לא יכול לעלות מעל המכל ולכסות את כותרת העמוד; (ב) הוא ממורכז כי
   המכל ממורכז וממולא לגמרי; (ג) שום היסט שיורי של החלון הצף (bottom/left/fixed) לא משפיע;
   (ד) אין תלות ב-JS כדי לקבוע גובה או מיקום. ה-JS רק מדייק את גובה המכל למסך בפועל. */
.ocai-inline{position:relative;display:block;width:100%;max-width:900px;margin:0 auto;
  min-height:clamp(440px, calc(100vh - 230px), 820px);
  min-height:clamp(440px, calc(100dvh - 230px), 820px);}
.ocai-inline--compact:not(.ocai-inline--expanded){min-height:340px;}
#ocai-panel.ocai-panel--inline{
  position:absolute !important;inset:0 !important;z-index:auto !important;
  width:auto !important;height:auto !important;max-width:none !important;max-height:none !important;min-height:0 !important;
  margin:0 !important;
  /* משובץ בעמוד ולא בועה צפה: בלי צל מרחף, מסגרת עדינה ופינות שקטות */
  box-shadow:none !important;border:1px solid #e6e6e2 !important;border-radius:14px !important;transition:none !important;}

/* unread badge + gentle bounce */
#ocai-fab .ocai-fab__badge{position:absolute;top:-6px;inset-inline-end:-4px;background:#e5484d;color:#fff;font-size:11px;
  font-weight:700;min-width:19px;height:19px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  padding:0 4px;box-shadow:0 1px 4px rgba(0,0,0,.3);}
@keyframes ocai-bounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-7px)}55%{transform:translateY(0)}75%{transform:translateY(-3px)}}
#ocai-fab.ocai-fab--bounce{animation:ocai-bounce .8s ease;}

@media (max-width:600px){
  /* גופן 16px בשדה הכתיבה — מתחת לזה iOS עושה זום-אין אוטומטי בפוקוס */
  #ocai-panel .ocai-panel__form input{font-size:16px !important;}
  /* הצ'אט על כל המסך, מוצמד ל-visualViewport כדי שהמקלדת לא תחשוף את האתר מאחור */
  #ocai-panel:not(.ocai-panel--inline){
    position:fixed !important;
    left:0 !important;right:0 !important;bottom:auto !important;
    top:0 !important;top:var(--ocai-vv-top,0px) !important;
    width:100% !important;max-width:100% !important;
    height:100vh !important;max-height:100vh !important;
    height:100dvh !important;max-height:100dvh !important;
    height:var(--ocai-vv-h,100dvh) !important;max-height:var(--ocai-vv-h,100dvh) !important;
    border-radius:0 !important;
  }
  #ocai-panel:not(.ocai-panel--inline) .ocai-panel__head{border-radius:0 !important;padding-top:calc(12px + env(safe-area-inset-top,0px)) !important;}
  /* נעילת רקע — האתר מוסתר (לא נגלל) בזמן שהצ'אט פתוח */
  html.ocai-kbd-lock, html.ocai-kbd-lock body{overflow:hidden !important;}
  /* מנהל מחובר: הפאנל מעל פס-הניהול של וורדפרס כדי שכפתור המזעור יהיה נגיש */
  body.admin-bar #ocai-panel:not(.ocai-panel--inline){z-index:2147483646 !important;} /* מעל סרגל הניהול */
  #ocai-fab{left:14px;bottom:14px;}
  #ocai-fab.ocai-pos-right{left:auto;right:14px;}
  /* צ'אט משובץ בטלפון: המכל תופס את שאר המסך מתחת לכותרת (ה-JS מדייק את הגובה בפועל). */
  .ocai-inline{max-width:100%;min-height:clamp(360px, calc(100dvh - 160px), 1000px);}
  #ocai-panel.ocai-panel--inline{border-radius:12px !important;}
}

/* קרדיט מיתוג — מוצג בפאנל הצף ובעמוד */
#ocai-panel .ocai-credit{display:block;text-align:center;font-size:11px;color:#9aa3ad;text-decoration:none;padding:4px 0 12px;line-height:1.4;flex:0 0 auto;}
#ocai-panel .ocai-qr{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 10px;}
#ocai-panel .ocai-credit:hover{color:#2f7137;}

/* FAB מוקטן בזמן גלילה — קיפול חלק ומודרני; הצורה לפי סגנון-הכפתור (עיגול/עדין/ריבוע) */
button#ocai-fab{transition:padding .32s cubic-bezier(.22,1,.36,1),border-radius .32s cubic-bezier(.22,1,.36,1),gap .32s cubic-bezier(.22,1,.36,1) !important;}
#ocai-fab .ocai-fab__label{max-width:220px;opacity:1;white-space:nowrap;overflow:hidden;display:inline-block;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .16s ease;}
button#ocai-fab.ocai-fab--mini{padding:13px !important;border-radius:var(--ocai-fab-mini-radius,50%) !important;gap:0 !important;}
#ocai-fab.ocai-fab--mini .ocai-fab__label{max-width:0;opacity:0;}
@keyframes ocai-fab-pulse{0%{transform:scale(1)}45%{transform:scale(.88)}100%{transform:scale(1)}}
#ocai-fab.ocai-fab--pulse{animation:ocai-fab-pulse .38s cubic-bezier(.34,1.56,.64,1);}
@media (prefers-reduced-motion:reduce){button#ocai-fab,#ocai-fab .ocai-fab__label{transition:none !important;}#ocai-fab.ocai-fab--pulse{animation:none;}}
/* גרירת הפאנל למטה (מובייל) — עוקב אחרי האצבע ואז מתקפל לכיוון הבועה */
#ocai-panel.ocai-panel--dragging{transition:none !important;}
#ocai-panel.ocai-panel--dismiss{transition:transform .28s cubic-bezier(.4,0,1,1),opacity .28s ease !important;transform:translateY(88vh) scale(.35) !important;opacity:0 !important;transform-origin:bottom left;}
#ocai-panel.ocai-panel--snapback{transition:transform .22s ease !important;transform:translateY(0) !important;}

/* פתיחה/סגירה אלגנטיות — הפאנל צץ ומתקפל ברכות */
@keyframes ocai-pop-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ocai-pop-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(14px) scale(.97)}}
#ocai-panel.ocai-panel--opening{animation:ocai-pop-in .3s cubic-bezier(.21,1.02,.55,1) both;}
#ocai-panel.ocai-panel--closing{animation:ocai-pop-out .19s ease-in both;}
/* צ'אט משובץ: בלי אנימציית כניסה. ב-both fill-mode היא מתחילה מ-opacity:0, ובספארי במובייל
   אלמנט שהועבר להורה חדש נתקע בפריים הראשון (שקוף) עד נגיעה — "הצ'אט לא מופיע עד שנוגעים"
   (ג'ורג', deliz 27/09). הצ'אט המשובץ חלק קבוע מהעמוד וממילא לא אמור "לקפוץ" פנימה. */
#ocai-panel.ocai-panel--inline.ocai-panel--opening{animation:none !important;opacity:1 !important;transform:none !important;}
@media (prefers-reduced-motion:reduce){#ocai-panel.ocai-panel--opening,#ocai-panel.ocai-panel--closing{animation:none;}}

/* ── התנגשות עם כפתורי סל צפים של תוספים אחרים ──────────────────────────
   כפתור הסל של woocommerce-side-cart-premium יושב ב-bottom:100px right:10px,
   בתוך שטח חלון הצ'אט הפתוח (bottom:86px right:22px, רוחב 370).

   הורדת ה-z-index של הכפתור עצמו לא עוזרת: הוא עטוף ב-.xoo-wsc-container
   שהוא position:fixed עם z-index 999,999, וזה יוצר הקשר-ערימה — כל מה
   שבתוכו נצבע מעל הפאנל שלנו בלי קשר ל-z-index הפנימי שלו. לכן מורידים
   את העוטף, ומחזירים אותו למעלה ברגע שהלקוח פותח את הסל בפועל (התוסף
   מוסיף אז xoo-wsc-cart-active על .xoo-wsc-modal) — סל פתוח צריך לכסות
   את הצ'אט, כפתור סגור לא. */
.xoo-wsc-container{z-index:99985 !important;}
.xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-container,
.xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-slider{z-index:999999 !important;}
/* ההאפלה נשארת מדרגה אחת מתחת למגירה, כמו במקור — אחרת היא מכהה את הסל עצמו */
.xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-opac{z-index:999998 !important;}
/* תוספי סל צף נפוצים אחרים — אינרטי באתר שאין בו אותם */
.wcfcb-cart-btn,
.woofc-area-mini{z-index:99985 !important;}


/* ── חלון הצ'אט מעל ווידג'טים צפים אחרים ─────────────────────────────────
   בזיקו כפתור הנגישות של UserWay ישב על כפתור השליחה בתוך החלון הפתוח.
   הווידג'ט נבנה דינמית ואינו אח של הפאנל ב-DOM, ולכן סלקטור-אחים לא תופס
   אותו — וגם העלאת ה-z-index שלנו לא עוזרת מול ווידג'ט שיושב על המקסימום.
   לכן ה-JS מסמן .ocai-open על אלמנט ה-html כשהחלון פתוח, וכאן מורידים את
   הווידג'טים הצפים הנפוצים אל מתחת לחלון. רק כשהחלון פתוח: בשאר הזמן הם
   חוזרים למקומם, וכפתור הנגישות חייב להישאר נגיש. */
html.ocai-open .uwy,
html.ocai-open #userwayAccessibilityIcon,
html.ocai-open [class*="userway"],
html.ocai-open [id*="userway"],
html.ocai-open [id*="INDmenu"],
html.ocai-open [class*="accessibility-widget"],
html.ocai-open [id*="accessibility-widget"]{z-index:99990 !important;}

/* הגדלת החלון (דסקטופ בלבד; במובייל הצ'אט ממילא על כל המסך, ובמצב inline הוא חלק מהעמוד) */
#ocai-panel .ocai-panel__max{background:rgba(127,127,127,.16);border:none;color:inherit;cursor:pointer;padding:0;width:32px;height:32px;
  border-radius:10px;display:none;align-items:center;justify-content:center;vertical-align:middle;margin-inline-end:6px;}
#ocai-panel:not(.ocai-panel--inline) .ocai-panel__max{display:inline-flex;}
#ocai-panel .ocai-panel__max svg{width:15px;height:15px;display:block;}
#ocai-panel .ocai-panel__max .ocai-ic-min{display:none;}
#ocai-panel.ocai-panel--max .ocai-panel__max .ocai-ic-max{display:none;}
#ocai-panel.ocai-panel--max .ocai-panel__max .ocai-ic-min{display:block;}
/* מצב מוגדל: נעוצים לגובה החלון (top + bottom) במקום גובה קבוע — גובה קבוע של 100vh פחות שוליים
   דחף את החלון מעל ראש המסך באתרים שמגדירים היסט תחתון גדול (זיקו: bottom 129px כדי לפנות את
   כפתור הוואטסאפ), והכותרת נחתכה. בלי לגעת ב-bottom, ההיסט של בעל החנות נשמר. */
#ocai-panel.ocai-panel--max{left:24px !important;right:24px !important;width:auto !important;max-width:1100px !important;
  margin:0 auto !important;top:24px !important;height:auto !important;max-height:none !important;min-height:300px;}
/* שורת טקסט ארוכה מדי קשה לקריאה — משאירים את ההודעות בעמודה במרכז */
#ocai-panel.ocai-panel--max .ocai-panel__body{padding-inline:max(16px,calc((100% - 780px) / 2)) !important;}
#ocai-panel.ocai-panel--max .ocai-panel__chips,#ocai-panel.ocai-panel--max .ocai-panel__form,#ocai-panel.ocai-panel--max .ocai-lead-bar{padding-inline:max(12px,calc((100% - 780px) / 2)) !important;}
@media (max-width:600px){
  #ocai-panel .ocai-panel__max{display:none !important;}
  /* החוקים של המובייל (מסך מלא) גוברים — מנטרלים את מצב ההגדלה כדי שלא יתנגש */
  #ocai-panel.ocai-panel--max:not(.ocai-panel--inline){left:0 !important;right:0 !important;bottom:auto !important;top:var(--ocai-vv-top,0px) !important;
    width:100% !important;max-width:100% !important;margin:0 !important;height:100% !important;max-height:none !important;min-height:0;}
  #ocai-panel.ocai-panel--max .ocai-panel__body,#ocai-panel.ocai-panel--max .ocai-panel__chips,#ocai-panel.ocai-panel--max .ocai-panel__form,#ocai-panel.ocai-panel--max .ocai-lead-bar{padding-inline:12px !important;}
}

/* טופס השארת פרטים (ליד) בתוך הצ'אט */
/* "שיחזרו אליי" — שורה משלו מעל תיבת ההקלדה. בכותרת הוא דחק את שם החנות, וליד השדה הוא
   הקטין את תיבת ההקלדה, שהיא העיקר. כאן הוא קבוע ולא גוזל רוחב מהשדה. הרקע זהה לרקע
   הצ'אט כדי שלא תיווצר רצועה לבנה מתחת להודעות. */
/* כפתור "שיחזרו אליי" נשאר במקומו — שורה משלו מעל תיבת ההקלדה. מה שהוסר הוא רק
   הרקע לכל הרוחב שיצר רצועה מתחת להודעות (ג'ורג', 26/09). */
#ocai-panel .ocai-lead-bar{display:flex;justify-content:flex-end;padding:0 12px 8px;flex:0 0 auto;background:transparent;}
#ocai-panel .ocai-lead-bar[hidden]{display:none !important;}
/* עיגול בגודל כפתור השליחה (38px), בלי טקסט, מיושר בדיוק מעליו (flex-end בכיוון הפאנל —
   שמאל בעברית, ימין באנגלית). הכיתוב נשאר ב-title/aria לקורא מסך ולריחוף. */
#ocai-panel .ocai-lead-bar__btn{display:inline-flex;align-items:center;justify-content:center;
  width:38px !important;height:38px !important;padding:0 !important;border-radius:50% !important;
  background:#fff !important;color:var(--ocai-accent) !important;border:1px solid var(--ocai-accent) !important;cursor:pointer;}
#ocai-panel .ocai-lead-bar__btn svg{display:block;flex:0 0 auto;width:18px;height:18px;}
#ocai-panel .ocai-lead{background:#f7f7f5;border:1px solid #e6e6e2;border-radius:14px;padding:12px;margin:4px 0 12px;}
#ocai-panel .ocai-lead__intro{font-size:var(--ocai-font);line-height:1.5;margin-bottom:10px;}
#ocai-panel .ocai-lead__form{display:flex;flex-direction:column;gap:8px;}
#ocai-panel .ocai-lead__input{width:100%;box-sizing:border-box;border:1px solid #dcdcd6 !important;border-radius:10px !important;
  padding:9px 11px !important;font-size:16px !important;font-family:inherit !important;background:#fff !important;color:#1f1f1f !important;}
#ocai-panel .ocai-lead__input:focus{outline:2px solid var(--ocai-accent);outline-offset:1px;}
#ocai-panel textarea.ocai-lead__input{resize:vertical;min-height:52px;}
#ocai-panel .ocai-lead__consent{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.45;color:#555;cursor:pointer;}
/* תיבת אישור הפרטיות חייבת להיראות: תבניות מאפסות appearance ומידות, והתיבה יצאה בגודל אפס
   (הלקוח מאשר משהו שהוא לא רואה). מכריחים כאן מראה ומידה מפורשים. */
#ocai-panel .ocai-lead__consent input[type="checkbox"]{-webkit-appearance:checkbox !important;appearance:auto !important;
  width:16px !important;height:16px !important;min-width:16px !important;min-height:16px !important;max-width:16px !important;max-height:16px !important;
  margin:1px 0 0 !important;padding:0 !important;flex:0 0 auto;opacity:1 !important;visibility:visible !important;position:static !important;
  accent-color:var(--ocai-accent);cursor:pointer;}
#ocai-panel .ocai-lead__consent a{color:var(--ocai-accent);text-decoration:underline;}
#ocai-panel .ocai-lead__err{color:#b32d2e;font-size:12px;}
#ocai-panel .ocai-lead__send{background:linear-gradient(var(--ocai-accent),var(--ocai-accent)) !important;background-color:var(--ocai-accent) !important;
  color:#fff !important;border:none !important;border-radius:var(--ocai-radius,10px) !important;padding:10px 14px !important;
  font-size:14px !important;font-weight:600;cursor:pointer;}
#ocai-panel .ocai-lead__send[disabled]{opacity:.6;cursor:default;}

/* קישור לעמוד מותג/קטגוריה (get_collection_link) */
#ocai-panel .ocai-collection{margin:2px 0 10px;}
#ocai-panel .ocai-collection__link{display:inline-flex;align-items:center;gap:6px;text-decoration:none !important;
  background:#fff !important;color:var(--ocai-accent) !important;border:1px solid var(--ocai-accent) !important;}

/* הדמיה בחלל הלקוח */
#ocai-panel .ocai-photo{margin-inline-end:4px;}
#ocai-panel .ocai-viz{margin:6px 0 10px;padding:0;max-width:92%;background:#fff;border:1px solid #e6e6e2;border-radius:14px;overflow:hidden;margin-inline-end:auto;}
#ocai-panel .ocai-viz img{display:block;width:100%;height:auto;}
#ocai-panel .ocai-viz figcaption{font-size:11px;line-height:1.4;color:#667085;padding:6px 10px;background:#fafaf8;}
#ocai-panel .ocai-viz__thumb{display:block;width:120px;max-width:100%;height:auto;border-radius:8px;margin-bottom:6px;}