/* ⚠ נבנה אוטומטית מ-tools/build-app-a11y.js. אין לערוך ידנית.
   המקור: landing/a11y/ — וגם בו אין לערוך בשביל המערכת, הוא משרת את דף הנחיתה.
   להחיל שינוי: לערוך את המקור או את הסקריפט, ולהריץ node tools/build-app-a11y.js */
/* כפתור הנגישות של 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}


/* ═══════════ התאמות למערכת בלבד. אין להן מקום בדף הנחיתה ═══════════ */

/* הכפתור נחת בפינה השמאלית למרות dir="rtl" על <html>. הסיבה לא אותרה,
   והתיקון נצפה כעובד גם באפליקציה של תיק שטח. */
.a11yw-trigger { direction: rtl; }

/* ⚠ הכפתור חייב להיות מעל כל חלון קופץ, ולא רק מעל התוכן.
   שער הסכם הרישיון (#lic-overlay, z-index 99999) הוא המסך הראשון שרואים,
   והוא כיסה את הכפתור. המשמעות המעשית: מי שזקוק להגדלת טקסט כדי לקרוא את
   ההסכם לא יכול היה להגיע לפקד שמגדיל אותו, ולכן גם לא יכול היה להסכים לו
   מתוך הבנה. אותו דבר נכון לכל מודאל אחר במערכת.
   הערכים הגבוהים ביותר בקוד הם 99999 (שער הרישיון, והודעת db.js),
   ולכן 100000 ו-100001 מציבים את הפקד מעל כולם בלי להתנגש. */
.a11yw-trigger { z-index: 100000; }
.a11yw-panel   { z-index: 100001; }

/* סרגל הניווט התחתון (.stitch-bottom-nav) גבוה 72 פיקסל, מוצג רק מתחת
   ל-769 פיקסל, ורק כשמסך המערכת פעיל. בלי המרווח הזה הכפתור יושב עליו
   ומסתיר שתי לשוניות. הגרירה אינה מושפעת: היא קובעת top/left ישירות. */
@media (max-width: 768px) {
  body:has(#screen-app.active) .a11yw-trigger {
    bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  }
  body:has(#screen-app.active) .a11yw-panel {
    bottom: calc(144px + env(safe-area-inset-bottom, 0px));
  }
}

/* בהדפסה הכפתור והפאנל אינם חלק מהדוח. ה-JS כבר מסיר את מחלקות
   ההגדרות, וזה מסתיר את הפקד עצמו. */
@media print {
  .a11yw-trigger, .a11yw-panel { display: none !important; }
}