/* כפתור «התאמות נגישות» (widget.js) והמצבים שהוא מפעיל. כל מצב הוא מחלקה על <html>, ולכן הוא חל גם
   על חלקים שיתווספו לדפים בעתיד. החלק של הכפתור עצמו (.a11y-w) לא מושפע מהמצבים, כדי שיישאר קריא תמיד. */

/* ---------- הכפתור והחלונית ----------
   שכבה 40: מעל התוכן ומתחת לחלונות קופצים (חלון הכניסה בדף הבית הוא 50), כדי שלא יצויר מעל חלון פתוח */
.a11y-w-btn{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:12px;z-index:40;
  width:44px;height:44px;padding:0;border-radius:50%;border:2px solid #fff;background:#0E2233;color:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(14,34,51,.35)}
.a11y-w-btn svg{width:26px;height:26px}
.a11y-w-btn:focus-visible,.a11y-w-panel :focus-visible{outline:3px solid #0F7A55;outline-offset:2px}
.a11y-w-panel{position:fixed;bottom:calc(66px + env(safe-area-inset-bottom,0px));left:12px;z-index:40;
  width:320px;max-width:calc(100vw - 24px);max-height:calc(100vh - 90px);overflow:auto;box-sizing:border-box;
  background:#fff;color:#0E2233;border:1px solid #CBD5DD;border-radius:14px;padding:12px 16px 16px;
  box-shadow:0 18px 40px -12px rgba(14,34,51,.45);direction:rtl;text-align:right;font-size:15px;line-height:1.5}
.a11y-w-panel[hidden]{display:none}
.a11y-w-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.a11y-w-title{font-weight:800;font-size:16px}
.a11y-w-panel button{font:inherit;color:#0E2233;cursor:pointer}
.a11y-w-panel .a11y-w-close{width:40px;height:40px;border:1px solid #CBD5DD;border-radius:8px;background:#fff;font-size:24px;line-height:1}
.a11y-w fieldset{border:0;margin:0 0 6px;padding:0;min-width:0}
.a11y-w legend{font-weight:700;padding:0;margin-bottom:6px}
.a11y-w-sizes{display:flex;gap:6px}
.a11y-w-sizes label{flex:1 1 0;display:flex;align-items:center;gap:6px;min-height:40px;padding:4px 8px;border:1px solid #CBD5DD;border-radius:8px;cursor:pointer;font-size:14px}
.a11y-w-opt{display:flex;align-items:center;gap:10px;min-height:44px;border-top:1px solid #E3E8EC;cursor:pointer}
.a11y-w input{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:#0F7A55}
.a11y-w-panel .a11y-w-reset{width:100%;min-height:44px;margin-top:8px;border:1.5px solid #0E2233;border-radius:8px;background:#fff;font-weight:700}
@media print{.a11y-w{display:none}}

/* ---------- הגדלת טקסט: שתי מדרגות ----------
   הדפים כתובים בפיקסלים, ולכן מגדילים את כל הדף ולא רק את הגופן; כך גם המרווחים גדלים ושום דבר לא נחתך */
html.a11y-text-1 body{zoom:1.15}
html.a11y-text-2 body{zoom:1.3}

/* ---------- ניגודיות גבוהה: שחור על לבן. תמונות, סמלים וההדגמה החיה נשארים כמו שהם ---------- */
html.a11y-contrast body,
html.a11y-contrast body :where(*:not(.a11y-w, .a11y-w *, svg, svg *, img, .hero-vis *)){
  color:#000 !important;background-color:#fff !important;border-color:#000 !important;
  box-shadow:none !important;text-shadow:none !important}
html.a11y-contrast body :where(a[href]:not(.a11y-w *, .hero-vis *)){color:#00008B !important;text-decoration:underline !important}
html.a11y-contrast body :where(button:not(.a11y-w *, .hero-vis *), .btn, input, textarea, select){border:2px solid #000 !important}

/* ---------- הדגשת קישורים ---------- */
html.a11y-links body a[href]:not(.a11y-w *):not(.hero-vis *){
  text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:3px !important;
  background-color:#FFF2A8 !important;color:#0E2233 !important}

/* ---------- עצירת תנועה ואנימציות. את הציור החי בדף הבית עוצר widget.js ---------- */
html.a11y-motion{scroll-behavior:auto !important}
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{
  animation:none !important;transition:none !important;scroll-behavior:auto !important}

/* ---------- גופן קריא: Arial, בלי צפיפות אותיות, עם רווח בין מילים ---------- */
html.a11y-font body,
html.a11y-font body :where(*:not(.a11y-w *, svg, svg *)){
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;letter-spacing:normal !important;word-spacing:.06em !important}