/* רכיב הנגישות ומצבי התצוגה שלו – בצבעי האתר */
.a11y-ui,.a11y-ui *{box-sizing:border-box;font-family:'Assistant',system-ui,sans-serif;letter-spacing:normal;line-height:1.4}
.a11y-fab{position:fixed;z-index:2147483000;left:0;top:62%;width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:0 16px 16px 0;background:#0F2622;color:#D4F45A;cursor:pointer;box-shadow:0 12px 30px -10px rgba(15,38,34,.55);transition:width .15s,background .15s}
.a11y-fab:hover,.a11y-fab:focus-visible{width:58px;background:#173B34}
.a11y-fab.on::after{content:"";position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:#D4F45A;box-shadow:0 0 0 2px #0F2622}
.a11y-panel{position:fixed;z-index:2147483001;top:0;bottom:0;left:0;width:min(400px,100vw);display:flex;flex-direction:column;background:#F4F3EE;color:#0F2622;box-shadow:0 0 60px rgba(15,38,34,.35);direction:rtl;transform:translateX(-100%);transition:transform .22s ease}
.a11y-panel.in{transform:none}
.a11y-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;background:#0F2622;color:#F4F3EE}
.a11y-head h2{display:flex;align-items:center;gap:10px;margin:0;font-family:'Rubik',sans-serif;font-size:22px;font-weight:700}
.a11y-head h2 svg{color:#D4F45A}
.a11y-x{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(244,243,238,.25);border-radius:50%;background:transparent;color:#F4F3EE;cursor:pointer}
.a11y-x:hover{background:rgba(212,244,90,.14)}
.a11y-body{flex:1;overflow-y:auto;padding:16px;display:grid;gap:14px;align-content:start}
.a11y-sec-t{font-size:14px;font-weight:700;color:#3C4F4A}
.a11y-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.a11y-tg{display:grid;justify-items:center;gap:8px;padding:14px 8px;border-radius:16px;border:1.5px solid #E3E5DE;background:#FFFFFF;color:#0F2622;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.a11y-tg:hover{border-color:#0F2622}
.a11y-tg[aria-pressed="true"]{background:#0F2622;color:#D4F45A;border-color:#0F2622}
.a11y-card{display:grid;gap:12px;padding:16px;border-radius:18px;background:#FFFFFF;border:1.5px solid #E3E5DE}
.a11y-card-t{display:flex;align-items:center;gap:8px;font-family:'Rubik',sans-serif;font-size:17px;font-weight:700}
.a11y-card-t svg{color:#0F2622}
.a11y-row{display:grid;gap:6px}
.a11y-row-h{display:flex;justify-content:space-between;font-size:14px;color:#3C4F4A}
.a11y-row-h output{font-weight:700;color:#0F2622;direction:ltr}
.a11y-slider{display:flex;align-items:center;gap:10px}
.a11y-step{flex:none;width:36px;height:36px;border-radius:50%;border:1.5px solid #E3E5DE;background:#F4F3EE;color:#0F2622;font-size:18px;font-weight:700;cursor:pointer}
.a11y-step:hover{border-color:#0F2622}
.a11y-slider input{flex:1;accent-color:#0F2622;height:28px;cursor:pointer}
.a11y-reset,.a11y-statement{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:16px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer}
.a11y-reset{border:1.5px solid #E3E5DE;background:#FFFFFF;color:#0F2622}
.a11y-reset:hover{border-color:#0F2622}
.a11y-statement{border:0;background:#D4F45A;color:#0F2622}
.a11y-statement:hover{background:#C3E64A}
.a11y-ui :focus-visible{outline:3px solid #D4F45A;outline-offset:2px;box-shadow:0 0 0 6px #0F2622}
@media (max-width:560px){.a11y-fab{top:auto;bottom:96px;width:48px;height:48px}.a11y-grid{gap:8px}.a11y-tg{padding:12px 6px;font-size:13px}}

/* מיקוד מקלדת ברור בכל האתר, ודילוג לתוכן */
:focus-visible{outline:3px solid #D4F45A;outline-offset:2px;box-shadow:0 0 0 6px #0F2622}
.skip-link{position:fixed;z-index:2147483002;top:10px;right:10px;padding:12px 18px;border-radius:999px;background:#0F2622;color:#D4F45A;font-weight:700;text-decoration:none;transform:translateY(-200%);transition:transform .15s}
.skip-link:focus{transform:none}

/* ----- מצבי תצוגה (מחלקות על html) ----- */
html.a11y-filter{filter:var(--a11y-filter)}
html.a11y-invert img,html.a11y-invert video,html.a11y-invert iframe,html.a11y-invert picture{filter:invert(1) hue-rotate(180deg)}
/* ניגודיות גבוהה: רקע שחור, טקסט לבן, קישורים וכפתורים בצהוב */
html.a11y-contrast body,html.a11y-contrast body *:not(.a11y-ui):not(.a11y-ui *):not(img):not(video):not(iframe):not(svg):not(svg *){background-color:#000!important;background-image:none!important;color:#FFF!important;border-color:#FFF!important;box-shadow:none!important;text-shadow:none!important}
html.a11y-contrast body :is(a,a *,button:not(.a11y-ui),button:not(.a11y-ui) *):not(.a11y-ui):not(.a11y-ui *):not(img):not(video):not(iframe):not(svg):not(svg *){color:#FFEB3B!important}
html.a11y-contrast body :is(button:not(.a11y-ui)):not(.a11y-ui):not(.a11y-ui *):not(img):not(video):not(iframe):not(svg):not(svg *){border:2px solid #FFEB3B!important}
html.a11y-contrast input:not(.a11y-ui *),html.a11y-contrast textarea,html.a11y-contrast select:not(.a11y-ui *){border:2px solid #FFF!important}
/* הדגשת קישורים וכותרות */
html.a11y-links a:not(.a11y-ui *){text-decoration:underline!important;text-underline-offset:3px;background-color:#FFF3A0!important;color:#0F2622!important;outline:2px solid #0F2622;outline-offset:1px}
html.a11y-headings :is(h1,h2,h3,h4,h5,h6):not(.a11y-ui *){outline:3px dashed #0F2622!important;outline-offset:4px;background-color:#F0FAC7!important;color:#0F2622!important}
/* גופן קריא */
html.a11y-font body *:not(.a11y-ui):not(.a11y-ui *){font-family:Arial,'Assistant',Helvetica,sans-serif!important;letter-spacing:normal}
/* סמן גדול */
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 8.5-7 1.8-2.2 7.2z' fill='%23000' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important}
/* עצירת אנימציות */
html.a11y-noanim *,html.a11y-noanim *::before,html.a11y-noanim *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* ריווח */
html.a11y-lh body *:not(.a11y-ui):not(.a11y-ui *){line-height:var(--a11y-lh)!important}
html.a11y-ls body *:not(.a11y-ui):not(.a11y-ui *){letter-spacing:var(--a11y-ls)!important;word-spacing:calc(var(--a11y-ls) * 2)!important}
html.a11y-contrast body :is(.video-play,.short-play,.short-shade,.video-shade,.video-stripes):not(.a11y-ui):not(.a11y-ui *):not(img):not(video):not(iframe):not(svg):not(svg *){background-color:transparent!important}
