/* MDS accessibility toolbar v2.0.0 – own code, no external assets (Omer 21.10.2026 redesign) */
#mds-a11y-btn,#mds-a11y-panel,#mds-a11y-bd{--a-navy:#1B2A4A;--a-acc:#FFB800;--a-btn:#1B2A4A;--a-btnfg:#fff;--a-act:#EEF2FA;--a-bg:#fff;--a-soft:#F4F6FA;--a-line:#E2E7F0;--a-ink:#1B2A4A;--a-mute:#5A6478;--a-w:372px;--a-r:16px;--a-sp:250ms;--a-b:var(--a-bd,22px);--a-x:var(--a-xd,18px);--a-s:var(--a-sd,56px)}
#mds-a11y-btn,#mds-a11y-btn *,#mds-a11y-panel,#mds-a11y-panel *{font-family:Rubik,"Segoe UI",Arial,sans-serif!important;box-sizing:border-box}
#mds-a11y-panel button,#mds-a11y-panel a,#mds-a11y-panel input,#mds-a11y-panel span,#mds-a11y-panel h2,#mds-a11y-panel p{font-family:inherit!important;letter-spacing:normal}
#mds-a11y-panel svg,#mds-a11y-btn svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* trigger – mirrors the WhatsApp button (a.wa) */
#mds-a11y-btn{position:fixed;bottom:var(--a-b);z-index:2147483000;width:var(--a-s);height:var(--a-s);border-radius:50%;border:0;padding:0;margin:0;background:var(--a-btn);background:linear-gradient(145deg,color-mix(in srgb,var(--a-btn) 88%,#fff),var(--a-btn));color:var(--a-btnfg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(27,42,74,.32),0 1px 3px rgba(27,42,74,.25);transition:transform .2s ease,box-shadow .2s ease}
#mds-a11y-btn.sq{border-radius:28%}#mds-a11y-btn.l{left:var(--a-x)}#mds-a11y-btn.r{right:var(--a-x)}
#mds-a11y-btn svg{width:56%;height:56%;stroke-width:2}
#mds-a11y-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,42,74,.38)}
#mds-a11y-btn[aria-expanded=true]{transform:scale(.94)}
#mds-a11y-btn.pulse::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(27,42,74,.55);animation:mdsA11yPulse 1.8s ease-out 3}
@keyframes mdsA11yPulse{0%{box-shadow:0 0 0 0 rgba(27,42,74,.5)}100%{box-shadow:0 0 0 16px rgba(27,42,74,0)}}
#mds-a11y-btn:focus-visible,#mds-a11y-panel :focus-visible{outline:3px solid var(--a-acc)!important;outline-offset:2px}
@media (max-width:900px){#mds-a11y-btn,#mds-a11y-panel{--a-b:var(--a-bm,14px);--a-x:var(--a-xm,14px);--a-s:var(--a-sm,46px)}}
/* backdrop (mobile) */
#mds-a11y-bd{position:fixed;inset:0;z-index:2147483001;background:rgba(15,23,42,.45);opacity:0;transition:opacity var(--a-sp) ease;display:none}
/* panel */
#mds-a11y-panel{position:fixed;bottom:calc(var(--a-b) + var(--a-s) + 12px);z-index:2147483002;width:var(--a-w);max-width:calc(100vw - 24px);max-height:calc(100vh - var(--a-b) - var(--a-s) - 28px);display:flex;flex-direction:column;background:var(--a-bg);color:var(--a-ink);border:1px solid var(--a-line);border-radius:var(--a-r);box-shadow:0 24px 60px -12px rgba(27,42,74,.35),0 4px 14px rgba(27,42,74,.12);font-size:15px;line-height:1.45;direction:rtl;text-align:right;overflow:hidden;opacity:0;transform:translateY(12px) scale(.97);visibility:hidden;transition:opacity var(--a-sp) cubic-bezier(.2,.8,.2,1),transform var(--a-sp) cubic-bezier(.2,.8,.2,1),visibility 0s linear var(--a-sp)}
#mds-a11y-panel.nosh{box-shadow:0 0 0 1px rgba(27,42,74,.06)}#mds-a11y-panel.noanim,#mds-a11y-panel.noanim *,#mds-a11y-bd.noanim{transition:none!important}
#mds-a11y-panel.l{left:var(--a-x);transform-origin:left bottom}#mds-a11y-panel.r{right:var(--a-x);transform-origin:right bottom}
#mds-a11y-panel.is-open{opacity:1;transform:none;visibility:visible;transition-delay:0s}
#mds-a11y-panel[hidden]{display:none!important}
#mds-a11y-panel .h{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 12px;background:var(--a-navy);color:#fff;flex:none}
#mds-a11y-panel .h .hi{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
#mds-a11y-panel .h .hi svg{width:22px;height:22px}
#mds-a11y-panel .h .ht{flex:1;min-width:0}
#mds-a11y-panel h2{font-size:17px;font-weight:700;margin:0;color:#fff;line-height:1.25}
#mds-a11y-panel .h p{margin:2px 0 0;font-size:12.5px;color:#C9D3E6}
#mds-a11y-panel .x{width:40px;height:40px;border-radius:12px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s}
#mds-a11y-panel .x:hover{background:rgba(255,255,255,.14)}
#mds-a11y-panel .x svg{width:20px;height:20px}
#mds-a11y-panel .bd{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}
/* text-size stepper */
#mds-a11y-panel .fs{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--a-line);border-radius:14px;background:var(--a-soft)}
#mds-a11y-panel .fs .ic{width:40px;height:40px;border-radius:10px;background:#fff;color:var(--a-navy);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(27,42,74,.08)}
#mds-a11y-panel .fs .ic svg{width:22px;height:22px}
#mds-a11y-panel .fs .lb{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
#mds-a11y-panel .fs .lb b{font-size:14px;font-weight:600}
#mds-a11y-panel .lv{display:flex;gap:4px;align-items:center}
#mds-a11y-panel .lv i{display:block;height:4px;flex:1;max-width:22px;border-radius:2px;background:#CBD3E1;transition:background .2s}
#mds-a11y-panel .lv i.on{background:var(--a-navy)}
#mds-a11y-panel .lv em{font-style:normal;font-size:12px;color:var(--a-mute);margin-inline-start:6px;min-width:36px;direction:ltr;text-align:right}
#mds-a11y-panel .st{display:flex;gap:6px}
#mds-a11y-panel .st button{width:40px;height:40px;border-radius:10px;border:1px solid var(--a-line);background:#fff;color:var(--a-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,border-color .15s}
#mds-a11y-panel .st button:hover:not(:disabled){border-color:var(--a-navy);background:#EEF2FA}
#mds-a11y-panel .st button:disabled{opacity:.4;cursor:not-allowed}
#mds-a11y-panel .st svg{width:18px;height:18px;stroke-width:2.4}
/* feature cards */
#mds-a11y-panel .g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#mds-a11y-panel .g button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:88px;padding:12px;border:1px solid var(--a-line);border-radius:14px;background:#fff;color:var(--a-ink);font-size:13.5px;font-weight:500;line-height:1.3;text-align:right;cursor:pointer;margin:0;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
#mds-a11y-panel .g button:hover{border-color:#A9B6CD;box-shadow:0 4px 12px rgba(27,42,74,.08);transform:translateY(-1px)}
#mds-a11y-panel .g .ci{width:36px;height:36px;border-radius:10px;background:var(--a-soft);color:var(--a-navy);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
#mds-a11y-panel .g .ci svg{width:20px;height:20px}
#mds-a11y-panel .g .ck{position:absolute;top:10px;left:10px;width:20px;height:20px;border-radius:50%;background:var(--a-acc);color:var(--a-navy);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .15s,transform .2s cubic-bezier(.3,1.6,.5,1)}
#mds-a11y-panel .g .ck svg{width:12px;height:12px;stroke-width:3.2}
#mds-a11y-panel .g button[aria-pressed=true]{border-color:var(--a-navy);background:var(--a-act);box-shadow:inset 0 0 0 1px var(--a-navy)}
#mds-a11y-panel .g button[aria-pressed=true] .ci{background:var(--a-navy);color:#fff}
#mds-a11y-panel .g button[aria-pressed=true] .ck{opacity:1;transform:none}
/* footer */
#mds-a11y-panel .f{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--a-line);background:#FAFBFD;flex:none}
#mds-a11y-panel .f .rs{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--a-line);background:#fff;color:var(--a-ink);font-size:14px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}
#mds-a11y-panel .f .rs:hover{border-color:var(--a-navy);background:#EEF2FA}
#mds-a11y-panel .f .rs svg{width:16px;height:16px}
#mds-a11y-panel .f a{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 4px;color:#0B4A8B;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
#mds-a11y-panel .f a svg{width:16px;height:16px}
#mds-a11y-panel .note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
/* mobile bottom sheet */
@media (max-width:600px){
 #mds-a11y-bd.sheet{display:block;visibility:hidden;transition:opacity var(--a-sp) ease,visibility 0s linear var(--a-sp)}
 #mds-a11y-bd.sheet.is-open{opacity:1;visibility:visible;transition-delay:0s}
 #mds-a11y-panel.sheet{left:0;right:0;bottom:0;width:100%;max-width:100%;max-height:88vh;border-radius:20px 20px 0 0;border-bottom:0;transform:translateY(100%);transform-origin:center bottom}
 #mds-a11y-panel.sheet.is-open{transform:none}
 #mds-a11y-panel.sheet .h{padding-top:22px;position:relative}
 #mds-a11y-panel.sheet .h::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:rgba(255,255,255,.35)}
 #mds-a11y-panel.sheet .f{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){#mds-a11y-panel,#mds-a11y-panel *,#mds-a11y-bd,#mds-a11y-btn{transition:none!important;animation:none!important}#mds-a11y-btn.pulse::after{display:none}}
/* effects – applied on <html> */
html.a11y-fs body{zoom:var(--a11y-zoom,1)}html.a11y-fs1 body{zoom:1.1}html.a11y-fs2 body{zoom:1.2}html.a11y-fs3 body{zoom:1.35}
html.a11y-hc body>*:not(#mds-a11y-panel):not(#mds-a11y-btn):not(#mds-a11y-bd){filter:contrast(1.6)}
html.a11y-inv body>*:not(#mds-a11y-panel):not(#mds-a11y-btn):not(#mds-a11y-bd){filter:invert(1) hue-rotate(180deg)}
html.a11y-inv body>* img,html.a11y-inv body>* video,html.a11y-inv body>* picture{filter:invert(1) hue-rotate(180deg)}
html.a11y-mono body>*:not(#mds-a11y-panel):not(#mds-a11y-btn):not(#mds-a11y-bd){filter:grayscale(1)}
html.a11y-links a{text-decoration:underline!important;outline:2px solid #FFB800!important;outline-offset:1px}
html.a11y-font body,html.a11y-font body *:not(svg):not(svg *){font-family:Arial,"Segoe UI",Tahoma,sans-serif!important}
html.a11y-stop *,html.a11y-stop *::before,html.a11y-stop *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-cursor,html.a11y-cursor *{cursor:url("cursor.svg") 4 2,auto!important}
html.a11y-space body *:not(svg):not(svg *){line-height:1.9!important;letter-spacing:.12em!important;word-spacing:.16em!important}
html.a11y-focus *:focus{outline:4px solid #FFB800!important;outline-offset:2px!important;box-shadow:0 0 0 7px #1B2A4A!important}
#mds-a11y-skip{position:fixed;top:-100px;right:12px;z-index:100000;background:#1B2A4A;color:#fff;padding:12px 18px;border-radius:0 0 10px 10px;font:700 16px Rubik,"Segoe UI",Arial,sans-serif;text-decoration:none}
#mds-a11y-skip:focus{top:0;outline:3px solid #FFB800}
@media print{#mds-a11y-btn,#mds-a11y-panel,#mds-a11y-bd{display:none!important}}
/* admin live preview */
#mds-a11y-preview{position:relative;height:700px;border-radius:16px;overflow:hidden;background:#E9EDF4;background-image:radial-gradient(#d3d9e4 1px,transparent 1px);background-size:16px 16px;border:1px solid #E2E7F0}
#mds-a11y-preview #mds-a11y-btn,#mds-a11y-preview #mds-a11y-panel{position:absolute!important;--a-b:var(--a-bd,22px)!important;--a-x:var(--a-xd,18px)!important;--a-s:var(--a-sd,56px)!important}
#mds-a11y-preview #mds-a11y-panel{max-height:calc(100% - var(--a-b) - var(--a-s) - 24px);max-width:calc(100% - 24px);left:auto;right:auto}
#mds-a11y-preview #mds-a11y-panel.l{left:var(--a-x)}#mds-a11y-preview #mds-a11y-panel.r{right:var(--a-x)}
#mds-a11y-preview #mds-a11y-bd{display:none!important}