/* ═══════════════════════════════════════════════════════════
   a11y.css — שכבת הנגישות המשותפת לכל עמודי dotov.org
   נטען בכל עמוד יחד עם js/a11y.js. מקור אמת יחיד.
   ת"י 5568 / WCAG 2.1 AA.
   ═══════════════════════════════════════════════════════════ */

/* ── הגדלת טקסט: מוחל על השורש, ולכן כל מידה ב-rem/em גדלה איתו.
      החלה על body בלבד לא עובדת — כל אלמנט עם font-size משלו דורס אותה. ── */
:root{ --font-scale:1 }
html{ font-size:calc(100% * var(--font-scale)) }

/* ── דילוג לתוכן הראשי ── */
.skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:400;background:#0F2A14;color:#A6DE3C;
  padding:.8rem 1.4rem;border-radius:0 0 12px 0;font-weight:700;font-size:.95rem;text-decoration:none}
.skip:focus{inset-inline-start:0}

/* ── סימון פוקוס אחיד בכל האתר ── */
:focus-visible{outline:3px solid #0F2A14;outline-offset:3px;border-radius:4px}
html.a11y-contrast :focus-visible{outline-color:#000}

/* ── מטרות מגע: קישורי טקסט קטנים מקבלים שטח לחיצה סביר ── */
@media(max-width:900px){
  .foot__cols a,.foot__cols button,.foot a,.legal-foot a,.nav a{min-height:24px;display:inline-flex;align-items:center}
}

/* ── כפתור צף + פאנל ── */
.a11y-fab{position:fixed;bottom:1.2rem;inset-inline-start:1.2rem;z-index:300;width:52px;height:52px;border-radius:16px;
  background:#0F2A14;color:#A6DE3C;display:grid;place-items:center;border:0;cursor:pointer;
  box-shadow:0 10px 30px rgba(15,42,20,.28)}
.a11y-fab:hover{background:#2F6B1E}
.a11y-panel{position:fixed;bottom:5.4rem;inset-inline-start:1.2rem;z-index:300;width:min(310px,calc(100vw - 2.4rem));
  background:#fff;border:1px solid #E3EBDA;border-radius:18px;padding:1.15rem;box-shadow:0 20px 50px rgba(15,42,20,.2);
  font-family:inherit;color:#0F2A14;max-height:min(80vh,640px);overflow:auto}
.a11y-panel[hidden]{display:none!important}
.a11y-panel h2{font-size:1rem;margin:0 0 .8rem;color:#0F2A14}
.a11y-panel .a11y-size{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}
.a11y-panel .a11y-size button{flex:none;width:44px;height:40px;font-size:1.05rem;font-weight:700}
.a11y-panel .a11y-size output{flex:1;text-align:center;font-weight:700;font-size:.9rem;
  border:1.5px solid #E3EBDA;border-radius:10px;padding:.55rem .3rem}
.a11y-panel .grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.a11y-panel button{background:#fff;border:1.5px solid #E3EBDA;border-radius:10px;padding:.6rem .45rem;
  font-size:.84rem;font-family:inherit;color:#0F2A14;cursor:pointer;line-height:1.3}
.a11y-panel button:hover{border-color:#2F6B1E}
.a11y-panel button[aria-pressed="true"]{background:#A6DE3C;border-color:#A6DE3C;font-weight:700}
.a11y-panel .reset{width:100%;margin-top:.55rem;color:#b3261e;border-color:#f0d6d3}
.a11y-panel .a11y-link{display:block;text-align:center;margin-top:.65rem;font-size:.82rem;color:#0F2A14;text-decoration:underline}
.a11y-panel .a11y-close{position:absolute;top:.6rem;inset-inline-end:.6rem;width:32px;height:32px;padding:0;border-radius:9px;font-size:1rem}
.a11y-panel{position:fixed}

/* ── מצבי המשתמש ── */
html.a11y-links a,html.a11y-links button{text-decoration:underline!important;outline:1px dashed currentColor;outline-offset:2px}
html.a11y-readable body,html.a11y-readable .a11y-panel{font-family:Arial,Helvetica,sans-serif!important}
html.a11y-spacing body{line-height:2!important;letter-spacing:.09em!important;word-spacing:.18em!important}
html.a11y-spacing p,html.a11y-spacing li{margin-bottom:1.4em!important}
html.a11y-contrast body{background:#fff!important;color:#000!important}
html.a11y-contrast a{color:#00309e!important}
html.a11y-contrast .a11y-panel{border-color:#000}
@media(prefers-reduced-motion:reduce){html *{animation:none!important;transition:none!important}}
html.a11y-motion-off *,html.a11y-motion-off *::before,html.a11y-motion-off *::after{animation:none!important;transition:none!important}

/* ── סמן קריאה ── */
.a11y-ruler{position:fixed;inset-inline:0;height:2.6rem;z-index:290;pointer-events:none;
  background:rgba(15,42,20,.08);border-top:2px solid #0F2A14;border-bottom:2px solid #0F2A14;display:none}
html.a11y-ruler-on .a11y-ruler{display:block}

/* ── מניעת גלישה אופקית כשמגדילים טקסט (WCAG 1.4.10) ── */
body{overflow-wrap:break-word}
img,svg,video{max-width:100%}