/* ═══════════════════════════════════════════════════════════
   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%}

/* ═══ באנר ההסכמה (js/consent.js) — משותף לכל העמודים ═══ */
.ck{position:fixed;inset-inline:0;bottom:0;z-index:280;background:#fff;border-top:2px solid #0F2A14;
  box-shadow:0 -14px 40px rgba(15,42,20,.14);padding:1.1rem clamp(1rem,4vw,2.4rem);
  display:flex;flex-wrap:wrap;gap:1rem 1.4rem;align-items:center;justify-content:space-between;
  font-family:inherit;color:#0F2A14}
.ck__txt{flex:1 1 30rem;min-width:0}
.ck__txt p{font-size:.88rem;line-height:1.6;color:rgba(15,42,20,.82);margin:0 0 .4rem}
.ck__txt p:last-child{margin-bottom:0}
.ck__txt a{color:#2F6B1E;text-decoration:underline}
.ck__txt code{background:#F5F8EF;border:1px solid #E3EBDA;border-radius:5px;padding:0 .3rem;direction:ltr;display:inline-block}
.ck__btns{display:flex;gap:.55rem;flex-wrap:wrap}
/* "דחה הכול" זהה בבולטות ל"אישור הכול" — דרישה משפטית, לא העדפה עיצובית */
.ck__btn{font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;
  background:#0F2A14;color:#fff;border:2px solid #0F2A14;border-radius:99px;padding:.6rem 1.4rem}
.ck__btn:hover{background:#2F6B1E;border-color:#2F6B1E}
.ck__btn--ghost{background:#fff;color:#0F2A14}
.ck__btn--ghost:hover{background:#F5F8EF;color:#0F2A14}
.ck__btn--link{background:none;border:0;padding:.35rem .2rem;color:#2F6B1E;text-decoration:underline;font-weight:600;font-size:.85rem}
.ck__btn--link:hover{background:none;color:#0F2A14}
.ck__prefs{flex:1 1 100%;border-top:1px solid #E3EBDA;padding-top:.9rem;display:grid;gap:.6rem}
.ck__prefs[hidden]{display:none!important}
.ck__row{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;line-height:1.5;color:rgba(15,42,20,.82)}
.ck__row input{margin-top:.3rem;width:1.05rem;height:1.05rem;accent-color:#2F6B1E}
.ck__prefs .ck__btn{justify-self:start}
@media(max-width:900px){
  .ck{bottom:5.6rem;gap:.7rem;padding:.95rem 1rem;border-radius:20px 20px 0 0}
  .ck__txt{flex:1 1 100%}
  .ck__txt p{font-size:.8rem;line-height:1.5}
  .ck__btns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem .6rem;align-items:center}
  .ck__btn{white-space:nowrap;font-size:.86rem;padding:.62rem .5rem}
  .ck__btn--link{grid-row:2;justify-self:center}
  .ck__prefs{margin-top:.2rem}
}
/* עמוד עם סרגל ניווט תחתון (html.has-bottombar נקבע ב-js/a11y.js) */
@media(max-width:900px){
  .a11y-fab{width:46px;height:46px}
  html.has-bottombar .a11y-fab{bottom:7.4rem}
  html.has-bottombar .a11y-panel{bottom:11.4rem}
  html.has-bottombar .ck{bottom:7rem}
  /* בזמן שהבאנר פתוח הכפתור הצף עולה מעליו (--ck-h נמדד ב-js/consent.js) */
  html.ck-open .a11y-fab{bottom:calc(var(--ck-h, 12rem) + 1rem)}
  html.ck-open .a11y-panel{bottom:calc(var(--ck-h, 12rem) + 4.8rem)}
}

/* ═══ סרגל ניווט תחתון במובייל (js/bottombar.js) ═══ */
.mbar{display:none}
@media(max-width:900px){
.mbar{position:fixed;bottom:.7rem;inset-inline:.7rem;z-index:145;display:flex;justify-content:space-around;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;padding:.5rem .3rem calc(.5rem + env(safe-area-inset-bottom, 0px));box-shadow:0 10px 40px rgba(15,42,20,.2)}
.mbar a{display:flex;flex-direction:column;align-items:center;gap:.18rem;font-size:.6rem;font-weight:600;color:var(--tx-soft);flex:1;min-width:0}
.mbar a svg{width:22px;height:22px;flex:none}
.mbar a.is-on{color:var(--forest)}
.mbar a.is-on svg{animation:iconBounce .7s}
}

/* ═══ כפתורי רשתות בפוטר (וואטסאפ + פייסבוק) ═══
   הסמלילים inline-SVG ולא קבצים מרוחקים: ה-CSP מתיר img-src 'self' בלבד,
   ופנייה ל-CDN של הפלטפורמה גם מדליפה ביקור בכל טעינת עמוד. */
.soc{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-top:.2rem}
.soc a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;line-height:1;
  font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:normal;text-transform:none;
  border:1.5px solid currentColor;border-radius:99px;padding:.5rem .9rem;transition:opacity .25s,background .25s}
.soc a:hover{background:rgba(166,222,60,.12)}
.soc svg{width:18px;height:18px;flex:none}
/* פוטר כהה בדף הבית */
.foot .soc a{color:#A6DE3C;border-color:rgba(166,222,60,.42)}
.foot .soc a:hover{background:rgba(166,222,60,.14)}
/* פוטר בהיר בשאר העמודים */
.foot--light .soc a{color:#0F2A14;border-color:rgba(15,42,20,.22)}
.foot--light .soc a:hover{background:rgba(15,42,20,.05)}
@media(max-width:900px){.soc a{font-size:.82rem;padding:.45rem .8rem}}

/* ═══ פירורי לחם ═══
   מוסתרים בתוך האפליקציה ובתוך iframe (js/a11y.js) — קישור "דף הבית"
   בתוך מסך מוטמע מוציא את המשתמש מהזרימה של האפליקציה אל האתר השיווקי. */
.crumbs{font-size:.82rem;margin:0 0 1.1rem}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0}
.crumbs li{display:flex;align-items:center;gap:.4rem;color:var(--tx-soft,#5b6b55)}
.crumbs li+li::before{content:"‹";opacity:.5;font-size:.95em}
.crumbs a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.crumbs a:hover{color:var(--forest,#0F2A14);border-bottom-color:currentColor}
.crumbs [aria-current="page"]{color:var(--forest,#0F2A14);font-weight:600}
html.is-embedded .crumbs,html.is-embedded .legal-back,html.is-embedded .back{display:none!important}