/* ═══════════════════════════════════════════════════════════════════
 * ISRAEL RACE — נגישות (גרסה 85)
 * קובץ משותף לכל העמודים: index.html, driver.html, עמודי הנהגים, privacy.html, accessibility.html
 * תקן ישראלי 5568 / WCAG 2.1 AA
 * ═══════════════════════════════════════════════════════════════════ */

/* טקסט לקוראי מסך בלבד */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* דילוג לתוכן — מוסתר עד שמגיעים אליו במקלדת */
.a11y-skip{position:fixed;top:8px;inset-inline-start:8px;z-index:2147483000;transform:translateY(-200%);
  background:#ffc857;color:#06090f;font:700 15px/1.2 Rubik,Arial,sans-serif;padding:12px 18px;border-radius:10px;text-decoration:none;
  box-shadow:0 8px 24px rgba(0,0,0,.5)}
.a11y-skip:focus{transform:none}

/* מיקוד מקלדת ברור בכל האתר (2.4.7) — גובר על outline:none שהיה בכמה רכיבים */
:focus-visible{outline:3px solid #ffc857!important;outline-offset:2px!important;border-radius:6px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px!important}
main:focus,[tabindex="-1"]:focus{outline:none!important}

/* ── ניגודיות צבעים (1.4.3) ── */
/* אווטאר ראשי תיבות: הכהיה של הרקע כדי שהאותיות הלבנות יעמדו ביחס 4.5:1 בכל צבעי הפלטה */
.av-s,.dc-avatar{background-image:linear-gradient(rgba(6,9,15,.45),rgba(6,9,15,.45)),linear-gradient(135deg,var(--av1,#1e5fd6),var(--av2,#56e8ff))!important}
/* שורות של מרוצים שהסתיימו: היו בשקיפות 60% — הטקסט ירד מתחת ליחס הנדרש */
tr.past-race td:not(.td-res){opacity:.88!important}
.mrace.past-race > *:not(.keep){opacity:.88!important}
.mcount{opacity:1!important}
#seoArchive,#seoArchive summary{color:#8d9ab8!important}
.btn-primary{background:linear-gradient(135deg,#2a6fe0,#1e5fd6)!important}

/* ── רצועת ה-LIVE FEED: כפתור עצירה (2.2.2) ── */
.a11y-tick-btn{flex:0 0 auto;position:relative;z-index:3;margin-inline-end:6px;height:26px;min-width:26px;padding:0 8px;border-radius:8px;
  border:1px solid rgba(122,168,255,.35);background:rgba(8,13,24,.9);color:#e8eefc;font:700 12px/1 Rubik,Arial,sans-serif;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:5px}
.a11y-tick-btn:hover{border-color:#56e8ff}
.ticker.a11y-paused .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused!important}

/* ═══ תפריט נגישות ═══ */
.a11y-fab{position:fixed;left:14px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:99990;width:48px;height:48px;border-radius:50%;
  border:2px solid #fff;background:#1d4fd7;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px -6px rgba(0,0,0,.7)}
.a11y-fab svg{width:28px;height:28px}
.a11y-fab:hover{background:#163fb0}
body.a11y-has-bnav .a11y-fab{bottom:calc(80px + env(safe-area-inset-bottom))}
body:has(#mapPick:not([style*="none"])) .a11y-fab{display:none}
.a11y-panel{position:fixed;left:14px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:99991;width:min(300px,calc(100vw - 28px));
  max-height:calc(100vh - 120px);overflow-y:auto;background:#0b1220;color:#f1f5ff;border:1px solid #3b4d72;border-radius:16px;padding:14px;
  box-shadow:0 20px 50px -10px rgba(0,0,0,.85);font:500 14px/1.45 Rubik,Arial,sans-serif;direction:rtl;text-align:right}
body.a11y-has-bnav .a11y-panel{bottom:calc(138px + env(safe-area-inset-bottom))}
.a11y-panel[hidden]{display:none}
.a11y-panel h2{font-size:16px;font-weight:800;margin:0 0 10px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;font-style:normal;letter-spacing:0}
.a11y-x{background:none;border:1px solid #3b4d72;color:#fff;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:15px}
.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.a11y-row span{font-weight:700}
.a11y-size{display:flex;gap:6px}
.a11y-size button,.a11y-opt{background:#15213a;color:#f1f5ff;border:1px solid #3b4d72;border-radius:10px;cursor:pointer;font:700 14px/1 Rubik,Arial,sans-serif}
.a11y-size button{width:40px;height:36px}
.a11y-opt{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin:0 0 7px;text-align:right}
.a11y-opt[aria-pressed="true"]{background:#ffc857;color:#06090f;border-color:#ffc857}
.a11y-opt[aria-pressed="true"]::after{content:"✓";font-weight:900}
.a11y-size button:hover,.a11y-opt:hover{border-color:#56e8ff}
.a11y-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-top:10px;border-top:1px solid #26344f}
.a11y-foot a{color:#8fd8ff;font-weight:700}
.a11y-reset{background:none;border:none;color:#f1f5ff;text-decoration:underline;cursor:pointer;font:600 13px Rubik,Arial,sans-serif;padding:4px}

/* הגדלת טקסט */
html.a11y-z1 body{zoom:1.12}
html.a11y-z2 body{zoom:1.25}
html.a11y-z3 body{zoom:1.4}
/* ניגודיות גבוהה */
html.a11y-contrast{--text:#ffffff;--text-2:#eef2fb;--text-3:#d3dbec}
html.a11y-contrast body{background:#000!important}
html.a11y-contrast .bg-fixed,html.a11y-contrast .bg-noise,html.a11y-contrast .dc-watermark{display:none!important}
html.a11y-contrast tr.past-race td,html.a11y-contrast .mrace.past-race>*,html.a11y-contrast tr.past-race{opacity:1!important}
html.a11y-contrast .section,html.a11y-contrast .board,html.a11y-contrast .driver-card,html.a11y-contrast .com-card,html.a11y-contrast .map-card,html.a11y-contrast .modal-box{background:#000!important;border-color:#c9d3e8!important}
html.a11y-contrast .sec-title em,html.a11y-contrast .bh-title,html.a11y-contrast .brand-race,html.a11y-contrast .stat-num{-webkit-text-fill-color:#ffc857!important;color:#ffc857!important;background:none!important}
/* הדגשת קישורים */
html.a11y-links a[href]{text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px!important;outline:1px dashed #ffc857;outline-offset:1px}
/* עצירת אנימציות */
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-still .reveal{opacity:1!important;transform:none!important}
/* גופן קריא וריווח */
html.a11y-font body,html.a11y-font body *:not(svg):not(svg *){font-family:Arial,Helvetica,sans-serif!important;letter-spacing:.02em!important;font-style:normal!important}
html.a11y-font p,html.a11y-font li{line-height:1.8!important}

@media (prefers-reduced-motion:reduce){.a11y-skip{transition:none}}
@media print{.a11y-fab,.a11y-panel,.a11y-skip{display:none!important}}