: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:linear-gradient(var(--ocai-accent),var(--ocai-accent)) !important;background-color:var(--ocai-accent) !important;color:#fff !important;border:none !important;border-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:none !important;border:none !important;padding:0 2px !important;width:auto !important;height:auto !important;box-shadow:none !important;font-size:22px !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;}
#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:99990;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;}

/* panel */
#ocai-panel{position:fixed;bottom:86px;left:22px;z-index:99991;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__close{background:none;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 2px;}
#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;min-height:34px;}
#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;}
#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;}

/* 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)}}

/* inline (shortcode) mode reuses the panel, statically positioned */
.ocai-inline #ocai-panel, #ocai-panel.ocai-panel--inline{position:static !important;width:100% !important;height:640px !important;
  max-width:860px !important;margin:0 auto !important;box-shadow:0 6px 24px rgba(0,0,0,.12);transition:height .45s ease;}
/* compact variant ([ocai_assistant mode="compact"]) — expands to full on first message */
.ocai-inline--compact #ocai-panel.ocai-panel--inline{height:340px !important;}
.ocai-inline--compact.ocai-inline--expanded #ocai-panel.ocai-panel--inline{height:640px !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){
  #ocai-panel{left:8px !important;right:8px !important;width:auto;bottom:78px;}
  #ocai-fab{left:14px;bottom:14px;}
  #ocai-fab.ocai-pos-right{left:auto;right:14px;}
}

/* קרדיט מיתוג — מוצג בפאנל הצף ובעמוד */
#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;}