/* ===== תפריט נגישות ומצבי תצוגה. משותף לכל עמודי האתר ===== */

/* דילוג לתוכן: מוסתר עד שמגיעים אליו במקלדת */
.skip-link{position:fixed; top:-80px; right:16px; z-index:200; background:#fff; color:#0F3442; padding:10px 18px; border-radius:12px; font-weight:700; box-shadow:0 10px 30px rgba(0,0,0,.25); transition:top .2s}
.skip-link:focus{top:12px}

/* הכפתור הצף */
.a11y-toggle{position:fixed; right:18px; bottom:18px; z-index:60; width:52px; height:52px; border-radius:50%; background:#1E3553; color:#fff; border:2px solid #fff; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 10px 24px rgba(8,30,48,.35); transition:transform .2s}
.a11y-toggle:hover{transform:scale(1.07)}
.a11y-toggle svg{width:28px; height:28px}
@media (min-width:960px){ .a11y-toggle{right:24px; bottom:24px} }

/* החלונית */
.a11y-panel{position:fixed; right:18px; bottom:82px; z-index:61; width:min(330px, calc(100vw - 36px)); max-height:calc(100vh / var(--z, 1) - 110px); overflow:auto; background:#fff; color:#16292F; border:1px solid #E4E2DA; border-radius:20px; box-shadow:0 24px 60px rgba(4,24,30,.32); padding:16px; font-family:"Heebo", Arial, sans-serif; font-size:15px; line-height:1.4}
.a11y-panel[hidden]{display:none}
@media (min-width:960px){ .a11y-panel{right:24px; bottom:90px} }
.a11y-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.a11y-head strong{font-size:17px; color:#0F3442}
.a11y-close{width:34px; height:34px; border-radius:50%; border:1px solid #E4E2DA; background:#fff; color:#0F3442; font-size:20px; line-height:1; cursor:pointer}
.a11y-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.a11y-opt{display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 8px; border-radius:14px; border:1.5px solid #D2ECE3; background:#F4FAF7; color:#0F3442; font:inherit; font-weight:600; cursor:pointer; text-align:center}
.a11y-opt svg{width:24px; height:24px}
.a11y-opt:hover{border-color:#12A574}
.a11y-opt[aria-pressed="true"]{background:#0B7355; border-color:#0B7355; color:#fff}
.a11y-size{grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border-radius:14px; border:1.5px solid #D2ECE3; background:#F4FAF7; color:#0F3442; font-weight:600}
.a11y-size button{width:40px; height:40px; border-radius:12px; border:1.5px solid #0B7355; background:#fff; color:#0B7355; font:inherit; font-size:20px; font-weight:700; cursor:pointer}
.a11y-size button[disabled]{opacity:.35; cursor:default}
.a11y-size output{min-width:46px; text-align:center}
.a11y-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px}
.a11y-reset{border:0; background:none; color:#B3261E; font:inherit; font-weight:600; cursor:pointer; padding:6px 0}
.a11y-foot a{color:#0B7355; font-weight:600; text-decoration:underline}
.a11y-toggle:focus-visible, .a11y-panel :focus-visible{outline:3px solid #3DBE93; outline-offset:2px}

/* ===== מצב: ניגודיות גבוהה (רקע שחור, טקסט לבן, קישורים בצהוב) ===== */
html.a11y-contrast, html.a11y-contrast body,
html.a11y-contrast body *:not(svg):not(svg *):not(img):not(.a11y-panel):not(.a11y-panel *):not(.a11y-toggle):not(.a11y-toggle *):not(.wa-float):not(.wa-float *){
  background:#000 !important; color:#fff !important; border-color:#fff !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important}
html.a11y-contrast :is(a, .card-link, .case-card .more, .nav a.active){color:#FFE600 !important}
html.a11y-contrast :is(.btn, input, textarea, .card, .case-card, .step .body, .quote, .frame, dialog.case){border:2px solid #fff !important}
html.a11y-contrast .btn{border-color:#FFE600 !important}
/* קישוטים (גלים, זוהר, עלים) יורדים. פסאודו-אלמנטים לא נכנסים ל-:is(), ולכן כל אחד בנפרד */
html.a11y-contrast .wave-top::before, html.a11y-contrast .wave-bottom::after, html.a11y-contrast .hero::before, html.a11y-contrast .hero::after,
html.a11y-contrast .card.svc::after, html.a11y-contrast .case-card::before, html.a11y-contrast .avatar-wrap::before, html.a11y-contrast .steps::before,
html.a11y-contrast #about::before, html.a11y-contrast .cases::before,
html.a11y-contrast .hblob, html.a11y-contrast .backblob, html.a11y-contrast .closing-blob, html.a11y-contrast .closing-arrow{display:none !important}
html.a11y-contrast dialog.case::backdrop{background:rgba(0,0,0,.85)}

/* ===== מצב: הדגשת קישורים ===== */
html.a11y-links :is(a, .card-link, .case-card .more):not(.skip-link){text-decoration:underline !important; text-underline-offset:3px; outline:2px dashed currentColor !important; outline-offset:3px}

/* ===== מצב: עצירת אנימציות ===== */
html.a11y-motion *, html.a11y-motion *::before, html.a11y-motion *::after{animation:none !important; transition:none !important; scroll-behavior:auto !important}
html.a11y-motion [data-reveal]{opacity:1 !important; transform:none !important}
html.a11y-motion :is(.growth .line, .hl path){stroke-dashoffset:0 !important}
html.a11y-motion .growth .head{opacity:1 !important}

/* ===== מצב: גופן קריא ===== */
html.a11y-font body *:not(.logo):not(.logo *):not(svg):not(svg *){font-family:Arial, "Segoe UI", Tahoma, sans-serif !important; letter-spacing:normal !important}

/* Netlify מוסיפה תג "Powered by Netlify" בפינה הימנית התחתונה. כשהוא קיים, הכפתור והחלון עולים מעליו */
html.has-nl-badge .a11y-toggle{bottom:82px}
html.has-nl-badge .a11y-panel{bottom:146px}
@media (min-width:960px){ html.has-nl-badge .a11y-toggle{bottom:84px} html.has-nl-badge .a11y-panel{bottom:150px} }