/* כפתור הנגישות של sitevisor.co.il.
   הועתק 27/09/2026 מ-aiwithsaar.co.il (build_a11y_widget.py שם), שנבדק על 60 עמודים.
   הצבעים נשענים על משתני האתר עם ערך נפילה. לדף הנחיתה אין מצב כהה,
   ולכן כפתור המצב הכהה הוסר מה-JS ולא מכאן. */

.a11yw-trigger {
  position: fixed; bottom: 22px; inset-inline-start: 22px; z-index: 900;
  width: 52px; height: 52px; border-radius: 50%;
  background: #0e7490; color: #fff; border: 3px solid #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 18px rgba(9, 52, 68, .35);
  cursor: grab; padding: 0;
  transition: transform .2s, background .2s;
  /* ⚠ **בלי זה הדפדפן גולל במקום לגרור.** מגע על אלמנט בלי
     `touch-action: none` נתפס על ידי מחוות הגלילה של הדפדפן,
     ו-`pointermove` לא מגיע כלל. */
  touch-action: none;
  -webkit-user-select: none; user-select: none;
}
.a11yw-trigger.a11yw-dragging{cursor:grabbing;transition:none;
  box-shadow:0 8px 26px rgba(9,52,68,.5);transform:scale(1.06)}
.a11yw-trigger:hover, .a11yw-trigger:focus-visible { background: #093444; transform: scale(1.07); }
.a11yw-trigger svg { width: 29px; height: 29px; }

.a11yw-panel {
  position: fixed; bottom: 86px; inset-inline-start: 22px; z-index: 901;
  width: 296px; max-width: calc(100vw - 36px);
  background: var(--surface, #fff);
  color: var(--ink, #1a2744);
  border: 1.5px solid var(--border, #d6e3e0);
  border-radius: 14px; overflow: hidden;
  box-shadow: 0 14px 44px rgba(9, 52, 68, .22);
  font-family: var(--font-body, 'Assistant', Arial, sans-serif);
  direction: rtl; text-align: right;
}
.a11yw-panel[hidden] { display: none; }

.a11yw-hd {
  display: flex; align-items: center; justify-content: space-between;
  padding: 13px 16px; color: #fff;
  background: linear-gradient(135deg, #093444 0%, #0e7490 100%);
  border-bottom: 3px solid #c9a961;
}
.a11yw-title { font-family: var(--font-display, Georgia, serif); font-size: 17px; font-weight: 700; margin: 0; }
.a11yw-x {
  background: rgba(255,255,255,.18); border: none; color: #fff;
  width: 28px; height: 28px; border-radius: 6px; font-size: 15px;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.a11yw-x:hover, .a11yw-x:focus-visible { background: rgba(255,255,255,.34); }

.a11yw-body { padding: 14px 16px 16px; }
.a11yw-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding-bottom: 11px; margin-bottom: 11px;
  border-bottom: 1px solid var(--border, #d6e3e0);
}
.a11yw-label { font-size: 13.5px; font-weight: 700; }
.a11yw-steps { display: flex; align-items: center; gap: 6px; }
.a11yw-step {
  width: 32px; height: 32px; border-radius: 7px;
  background: var(--surface-2, #e1eeec); border: 1.5px solid var(--border, #d6e3e0);
  color: var(--ink, #1a2744); font-size: 17px; font-weight: 700;
  cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1;
}
.a11yw-step:hover, .a11yw-step:focus-visible { background: #0e7490; border-color: #0e7490; color: #fff; }
.a11yw-size { font-family: var(--font-mono, monospace); font-size: 13px; font-weight: 700; min-width: 44px; text-align: center; }

.a11yw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 12px; }
.a11yw-opt {
  display: flex; align-items: center; gap: 7px;
  padding: 9px 10px; border-radius: 8px;
  background: var(--surface-2, #e1eeec); border: 1.5px solid var(--border, #d6e3e0);
  color: var(--ink, #1a2744);
  font-family: inherit; font-size: 12.5px; font-weight: 700;
  cursor: pointer; text-align: start; line-height: 1.3;
}
.a11yw-opt:hover, .a11yw-opt:focus-visible { border-color: #0e7490; }
.a11yw-opt[aria-pressed="true"] { background: #0e7490; border-color: #0e7490; color: #fff; }
.a11yw-ico { font-size: 13px; line-height: 1; flex-shrink: 0; width: 17px; text-align: center; }

.a11yw-actions { display: flex; gap: 7px; margin-bottom: 10px; }
.a11yw-act {
  flex: 1; padding: 9px 10px; border-radius: 8px;
  font-family: inherit; font-size: 12.5px; font-weight: 700;
  cursor: pointer; border: 1.5px solid; text-align: center; text-decoration: none;
  display: flex; align-items: center; justify-content: center;
}
.a11yw-statement { background: var(--surface, #fff); color: var(--a11yw-link, #0b5c73); border-color: var(--a11yw-link, #0b5c73); }
.a11yw-statement:hover, .a11yw-statement:focus-visible { background: var(--a11yw-link, #0b5c73); color: var(--a11yw-on-link, #fff); }
.a11yw-reset { background: var(--surface, #fff); color: var(--ink-soft, #404D67); border-color: var(--border, #d6e3e0); }
.a11yw-reset:hover, .a11yw-reset:focus-visible { border-color: var(--ink, #1a2744); color: var(--ink, #1a2744); }

.a11yw-foot {
  font-size: 11.5px; margin: 0; padding-top: 9px; text-align: center;
  color: var(--ink-soft, #404D67); border-top: 1px solid var(--border, #d6e3e0);
}
.a11yw-foot a { color: var(--a11yw-link, #0b5c73); font-weight: 700; text-decoration: underline; }

/* צבע הקישורים בתוך הפאנל לפי התמה. הטורקיז הכהה נותן 7.5:1 על משטח בהיר
   אבל רק 2.16:1 על המשטח הכהה, ולכן במצב כהה הוא מתהפך לטורקיז בהיר (8.6:1).
   שלושת הבוררים הם אותה קונבנציה שהאתר כבר משתמש בה לכל שאר הצבעים. */
:root { --a11yw-link: #0b5c73; --a11yw-on-link: #fff; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --a11yw-link: #6EC9E0; --a11yw-on-link: #0a1620; }
}
:root[data-theme="dark"] { --a11yw-link: #6EC9E0; --a11yw-on-link: #0a1620; }
:root[data-theme="light"] { --a11yw-link: #0b5c73; --a11yw-on-link: #fff; }

@media (max-width: 600px) {
  .a11yw-trigger { width: 46px; height: 46px; bottom: 16px; inset-inline-start: 16px; }
  .a11yw-trigger svg { width: 25px; height: 25px; }
  .a11yw-panel { bottom: 72px; inset-inline-start: 16px; width: calc(100vw - 32px); }
}

/* ---------------- מצבי תצוגה ----------------
   הכפתור והפאנל מוחרגים מכל מצב, אחרת אי אפשר לכבות את מה שהודלק. */

/* ניגודיות גבוהה: צהוב על שחור. גם תמונות הרקע יורדות, כי האתר עתיר תצלומים
   ומשפט צהוב על תצלום אינו קריא יותר ממה שהיה. */
html.a11yw-contrast, html.a11yw-contrast body { background: #000 !important; color: #ffd000 !important; }
html.a11yw-contrast *:not(.a11yw-trigger):not(.a11yw-trigger *):not(.a11yw-panel):not(.a11yw-panel *) {
  background-color: transparent !important; background-image: none !important;
  color: #ffd000 !important; border-color: #ffd000 !important; box-shadow: none !important;
}
html.a11yw-contrast a:not(.a11yw-panel *), html.a11yw-contrast a:not(.a11yw-panel *) * {
  color: #7fdcff !important; text-decoration: underline !important;
}
html.a11yw-contrast button:not(.a11yw-trigger):not(.a11yw-panel *) {
  border: 2px solid #ffd000 !important; background: #000 !important; color: #ffd000 !important;
}
html.a11yw-contrast img, html.a11yw-contrast svg:not(.a11yw-trigger svg) { filter: brightness(1.15) contrast(1.35); }

html.a11yw-grayscale body > *:not(.a11yw-trigger):not(.a11yw-panel) { filter: grayscale(1); }

html.a11yw-links a:not(.a11yw-panel *):not(.a11yw-trigger):not(.skip-link) {
  text-decoration: underline !important; text-underline-offset: 2px;
  text-decoration-thickness: 2px !important;
  outline: 1px dashed currentColor; outline-offset: 2px;
}

html.a11yw-readable, html.a11yw-readable *:not(.a11yw-trigger):not(.a11yw-trigger *) {
  font-family: 'Assistant', 'Rubik', Arial, sans-serif !important; letter-spacing: .01em !important;
}

html.a11yw-still *, html.a11yw-still *::before, html.a11yw-still *::after {
  animation: none !important; transition: none !important;
  animation-duration: 0s !important; transition-duration: 0s !important;
  scroll-behavior: auto !important;
}

/* הגדלת טקסט. ה-zoom חל על ילדי body ולא על body עצמו, כדי לא לגרור
   איתו את הכפתור הצף ואת הפאנל. */
html.a11yw-t110 { --a11yw-z: 1.1; }
html.a11yw-t120 { --a11yw-z: 1.2; }
html.a11yw-t140 { --a11yw-z: 1.4; }
html.a11yw-t170 { --a11yw-z: 1.7; }
html.a11yw-t200 { --a11yw-z: 2; }
html[class*="a11yw-t"] body > *:not(.a11yw-trigger):not(.a11yw-panel):not(script) {
  zoom: var(--a11yw-z, 1);
  /* זום לבדו מנפח גם את הרוחב, ובטלפון זה יצר גלילה לרוחב של עד 200 פיקסלים.
     הגבלת הרוחב ביחידות של המסך המחולקות בזום מחזירה את התוכן לרוחב המסך,
     והטקסט נשבר לשורות במקום לברוח הצידה. נבדק 27/09/2026. */
  max-width: calc(100vw / var(--a11yw-z, 1));
  overflow-wrap: anywhere;
}
/* מה שנשאר בולט אחרי זה היו כפתורים שאסור להם לשבור שורה ועמודות גריד עם
   רוחב מינימלי. במצב הגדלה מותר להם, מאחר וכפתור בשתי שורות עדיף על עמוד
   שבורח הצידה. גלילה לרוחב בתוך מכל שנועד לה (כמו שורת הבחירה בהדגמה) נשארת. */
html[class*="a11yw-t"] body *:not(.a11yw-panel):not(.a11yw-panel *):not(.a11yw-trigger):not(.a11yw-trigger *) {
  min-width: 0 !important;
  max-width: 100%;
}
html[class*="a11yw-t"] a:not(.a11yw-panel *),
html[class*="a11yw-t"] button:not(.a11yw-trigger):not(.a11yw-panel *) { white-space: normal !important; }

/* רמז הגרירה. קטן מהפעולות שמעליו, גדול מספיק כדי להיקרא. */
.a11yw-hint{margin:12px 16px 0;font-size:12px;line-height:1.6;
  color:var(--ink-soft,#5b6b7a);text-align:center}

/* תיק שטח: בדף הנחיתה יש פס רכישה צף שאין ב-SiteVisor. כשהוא מוצג, הכפתור עולה מעליו כדי שלא יסתיר אותו. גרירה עובדת כרגיל. */
body:has(.buybar.show) .a11yw-trigger { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
body:has(.buybar.show) .a11yw-panel { bottom: calc(150px + env(safe-area-inset-bottom, 0px)); }