/* eService local accessibility preferences, 2026-11-02. */
html:has(#es-a11y-dialog[open]) { overflow:hidden; }
#es-a11y-root { --esa-navy:#132d4f; --esa-orange:#b74708; --esa-border:#d9e2ed; --esa-muted:#52647a; font:400 15px/1.6 'eService Hebrew',Arial,sans-serif; color:#132d4f; direction:rtl; text-align:right; }
#es-a11y-root *,#es-a11y-root *::before,#es-a11y-root *::after { box-sizing:border-box; }
#es-a11y-root [hidden] { display:none!important; }
#es-a11y-root button,#es-a11y-root select,#es-a11y-root input { font:inherit; }
#es-a11y-root button { cursor:pointer; letter-spacing:normal; }
#es-a11y-root :is(button,a,input,select,summary):focus-visible { outline:3px solid #b74708; outline-offset:4px; }
#es-a11y-launcher { position:fixed; z-index:2147483000; right:max(20px,env(safe-area-inset-right)); bottom:max(20px,env(safe-area-inset-bottom)); width:56px; height:56px; border:2px solid #fff; border-radius:50%; background:#132d4f; color:#fff; box-shadow:0 5px 22px #132d4f40; display:grid; place-items:center; padding:10px; transition:background .15s ease,box-shadow .15s ease; }
#es-a11y-launcher:hover { background:#24476e; box-shadow:0 7px 25px #132d4f60; }
.es-a11y-tooltip { position:absolute; right:calc(100% + 10px); padding:7px 12px; border-radius:8px; white-space:nowrap; background:#132d4f; color:#fff; font-size:13px; opacity:0; visibility:hidden; pointer-events:none; }
#es-a11y-launcher:is(:hover,:focus-visible) .es-a11y-tooltip { opacity:1; visibility:visible; }
#es-a11y-badge { position:absolute; left:-3px; top:-3px; min-width:22px; height:22px; border:2px solid white; border-radius:20px; background:#b74708; color:white; font-size:11px; line-height:18px; text-align:center; }
#es-a11y-dialog { position:fixed; inset:16px 16px auto auto; margin:0; padding:0; width:430px; max-width:calc(100vw - 32px); height:auto; max-height:calc(100dvh - 32px); border:1px solid #d5dfeb; border-radius:22px; background:#f4f7fb; color:#132d4f; box-shadow:0 24px 80px #0b203c45; overflow:hidden; font:400 15px/1.6 'eService Hebrew',Arial,sans-serif; direction:rtl; text-align:right; }
#es-a11y-dialog[open] { display:flex; flex-direction:column; }
#es-a11y-dialog::backdrop { background:rgb(10 28 50 / .38); }
.es-a11y-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:22px 24px 20px; background:#132d4f; color:#fff; flex:none; }
#es-a11y-root .es-a11y-header h2 { margin:3px 0 0; padding:0; color:#fff; font:700 25px/1.35 'eService Hebrew',Arial,sans-serif; letter-spacing:-.5px; }
.es-a11y-eyebrow { font-size:12px; color:#c7d5e7; letter-spacing:.1px; }
#es-a11y-close { width:44px; height:44px; padding:10px; display:grid; place-items:center; border:1px solid #ffffff50; border-radius:12px; background:transparent; color:white; flex:none; }
#es-a11y-close:hover { background:#ffffff1c; }
#es-a11y-root .es-a11y-header :focus-visible { outline-color:#ffb279; }
.es-a11y-body { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:18px 20px; scrollbar-width:thin; scrollbar-color:#a7b7ca transparent; }
#es-a11y-description { margin:0 2px 16px; color:#52647a; font-size:14px; line-height:1.75; }
.es-a11y-group { border:1px solid #d9e2ed; border-radius:14px; background:white; margin:0 0 10px; overflow:clip; }
.es-a11y-group summary { display:flex; align-items:center; gap:12px; min-height:62px; padding:13px 16px; list-style:none; cursor:pointer; font-weight:650; color:#132d4f; }
.es-a11y-group summary::-webkit-details-marker { display:none; }
.es-a11y-group summary>svg:last-child { width:18px; height:18px; margin-right:auto; fill:none; stroke:#52647a; stroke-width:1.8; }
.es-a11y-group[open] summary>svg:last-child { transform:rotate(180deg); }
.es-a11y-group[open] summary { border-bottom:1px solid #e7edf5; }
.es-a11y-group .es-a11y-group-icon { width:31px; height:31px; padding:5px; border-radius:8px; background:#edf3fa; color:#24476e; display:grid; place-items:center; font:650 16px/21px Arial,sans-serif; fill:none; stroke:currentColor; stroke-width:1.7; flex:none; }
.es-a11y-options { padding:6px 16px 12px; }
.es-a11y-scale { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:66px; font-size:14px; }
.es-a11y-stepper { display:flex; direction:ltr; align-items:center; border:1px solid #d9e2ed; border-radius:10px; background:#f7f9fc; }
.es-a11y-stepper button { width:44px; height:44px; border:0; border-radius:9px; color:#132d4f; background:transparent; font-size:24px!important; }
.es-a11y-stepper button:hover:not(:disabled) { background:#e7eef8; }
.es-a11y-stepper button:disabled { opacity:.35; cursor:default; }
#es-a11y-scale { min-width:53px; text-align:center; font-size:14px; font-weight:700; }
.es-a11y-toggle { position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:8px 0; font-size:14px; cursor:pointer; }
.es-a11y-toggle input { position:absolute; left:0; width:42px; height:26px; margin:0; opacity:0; cursor:pointer; }
.es-a11y-switch { display:block; flex:none; width:42px; height:26px; border:1px solid #879bb1; border-radius:20px; background:#dfe7f0; pointer-events:none; }
.es-a11y-switch::after { content:''; display:block; width:18px; height:18px; border-radius:50%; background:#52647a; margin:3px; transition:transform .15s ease; }
.es-a11y-toggle input:checked+.es-a11y-switch { border-color:#132d4f; background:#132d4f; }
.es-a11y-toggle input:checked+.es-a11y-switch::after { background:white; transform:translateX(-16px); }
.es-a11y-toggle input:focus-visible+.es-a11y-switch { outline:3px solid #b74708; outline-offset:4px; }
.es-a11y-contrast { margin:10px 0 16px; padding:0; border:0; min-width:0; }
.es-a11y-contrast legend { padding:0 0 9px; font-size:14px; }
.es-a11y-contrast>div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.es-a11y-contrast label { position:relative; display:block; cursor:pointer; }
.es-a11y-contrast input { position:absolute; inset:0; margin:0; opacity:0; width:100%; height:100%; cursor:pointer; }
.es-a11y-contrast label>span { display:block; padding:10px 4px; min-height:44px; text-align:center; border:1px solid #bdcbdc; border-radius:9px; background:#fff; font-size:14px; }
.es-a11y-contrast input:checked+span { border:2px solid #132d4f; padding:9px 3px; background:#edf3fa; font-weight:700; }
.es-a11y-contrast input:focus-visible+span { outline:3px solid #b74708; outline-offset:3px; }
.es-a11y-select { display:grid; grid-template-columns:1fr 1.35fr; gap:10px; align-items:center; min-height:56px; font-size:14px; }
#es-a11y-root select { min-width:0; width:100%; min-height:44px; padding:8px; border:1px solid #a4b5c9; border-radius:8px; background:#fff; color:#132d4f; font-size:13px; }
#es-a11y-root .es-a11y-note { color:#52647a; font-size:12px; line-height:1.7; margin:3px 0 12px; }
.es-a11y-reader-position { display:block; font-size:13px; margin:12px 0; }
#es-a11y-reader-y { width:100%; height:32px; accent-color:#132d4f; direction:ltr; }
#es-a11y-status { margin:14px 2px 0; color:#52647a; font-size:12px; }
.es-a11y-footer { flex:none; display:grid; grid-template-columns:1fr; gap:9px; padding:16px 20px; border-top:1px solid #d9e2ed; background:white; text-align:center; }
#es-a11y-reset { display:flex; align-items:center; justify-content:center; gap:9px; min-height:44px; width:100%; border:1px solid #a4b5c9; border-radius:10px; color:#132d4f; background:#f7f9fc; font-weight:650; font-size:14px; }
#es-a11y-reset:hover { background:#eaf0f8; }
#es-a11y-root .es-a11y-footer a { color:#8f3506; font-size:13px; text-underline-offset:4px; text-decoration:underline; }
.es-a11y-footer small { color:#52647a; font-size:11px; }
#es-a11y-color-layer { position:fixed; inset:0; z-index:2147482900; pointer-events:none; }
#es-a11y-color-layer[data-mode="grayscale"] { backdrop-filter:grayscale(1); }
#es-a11y-color-layer[data-mode="high"] { backdrop-filter:saturate(1.9); }
#es-a11y-color-layer[data-mode="low"] { backdrop-filter:saturate(.35); }
#es-a11y-reader { position:fixed; z-index:2147482950; top:var(--esa-reader-y,50vh); left:0; width:100%; pointer-events:none; }
#es-a11y-reader[data-mode="guide"] { height:4px; background:#b74708; box-shadow:0 0 0 1px white; }
#es-a11y-reader[data-mode="mask"] { height:120px; transform:translateY(-60px); box-shadow:0 0 0 200vmax rgb(0 0 0 / .65); border-top:2px solid #ffbc7d; border-bottom:2px solid #ffbc7d; }
.es-a11y-alt-label { display:block; width:fit-content; max-width:100%; margin:5px auto; padding:5px 9px; color:#132d4f!important; background:#fff6de!important; border:1px solid #c89a38; border-radius:5px; font:400 13px/1.6 'eService Hebrew',Arial,sans-serif!important; overflow-wrap:anywhere; }
html.es-a11y-readable :where(body *:not(#es-a11y-root,#es-a11y-root *):not(svg,svg *,i,[class*="icon"])) { font-family:Arial,sans-serif!important; }
html.es-a11y-letter :where(body *:not(#es-a11y-root,#es-a11y-root *):not(svg,svg *)) { letter-spacing:.12em!important; }
html.es-a11y-word :where(body *:not(#es-a11y-root,#es-a11y-root *):not(svg,svg *)) { word-spacing:.2em!important; }
html.es-a11y-line :where(body *:not(#es-a11y-root,#es-a11y-root *):not(svg,svg *)) { line-height:1.8!important; }
html.es-a11y-links a:not(#es-a11y-root a) { text-decoration:underline!important; text-decoration-thickness:2px!important; text-underline-offset:4px!important; outline:2px solid currentColor!important; outline-offset:2px!important; }
html.es-a11y-headings :is(h1,h2,h3,h4,h5,h6):not(#es-a11y-root *) { outline:2px solid currentColor!important; outline-offset:4px!important; }
html.es-a11y-dark body,html.es-a11y-dark body *:not(#es-a11y-root,#es-a11y-root *):not(svg,svg *,img,video,canvas,iframe) { background-color:#101820!important; background-image:none!important; color:#fff!important; border-color:#a1b5cc!important; box-shadow:none!important; text-shadow:none!important; }
html.es-a11y-dark a:not(#es-a11y-root a),html.es-a11y-dark a:not(#es-a11y-root a) * { color:#ffce75!important; }
html.es-a11y-light body,html.es-a11y-light body *:not(#es-a11y-root,#es-a11y-root *):not(svg,svg *,img,video,canvas,iframe) { background-color:#fff!important; background-image:none!important; color:#111!important; border-color:#34465d!important; box-shadow:none!important; text-shadow:none!important; }
html.es-a11y-light a:not(#es-a11y-root a),html.es-a11y-light a:not(#es-a11y-root a) * { color:#003a8c!important; }
html.es-a11y-cursor-dark,html.es-a11y-cursor-dark body *:not(#es-a11y-root,#es-a11y-root *) { cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewBox='0 0 40 48'%3E%3Cpath d='M3 2v35l9-8 7 15 7-3-7-14h13Z' fill='%23111' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 3 2,auto!important; }
html.es-a11y-cursor-light,html.es-a11y-cursor-light body *:not(#es-a11y-root,#es-a11y-root *) { cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewBox='0 0 40 48'%3E%3Cpath d='M3 2v35l9-8 7 15 7-3-7-14h13Z' fill='white' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E") 3 2,auto!important; }
html.es-a11y-motion *,html.es-a11y-motion *::before,html.es-a11y-motion *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
.simple-slider[data-es-a11y-paused] .slide { opacity:0!important; visibility:hidden!important; transition:none!important; }
.simple-slider[data-es-a11y-paused] .slide[data-es-a11y-current] { opacity:1!important; visibility:visible!important; }
.simple-slider[data-es-a11y-paused] :is(.slider-controls,.slider-dots,.slider-nav) { visibility:hidden!important; }
@media (prefers-reduced-motion:reduce) { #es-a11y-root *,#es-a11y-root *::before,#es-a11y-root *::after { transition:none!important; animation:none!important; } }
@media (max-width:480px) { #es-a11y-dialog { inset:8px 8px auto; width:calc(100% - 16px); max-width:none; max-height:calc(100dvh - 16px); border-radius:18px; } .es-a11y-header { padding:17px 18px; } .es-a11y-body { padding:14px; } .es-a11y-footer { padding:12px 14px; gap:8px; } #es-a11y-launcher { right:14px; bottom:max(14px,env(safe-area-inset-bottom)); width:52px; height:52px; } .es-a11y-tooltip { display:none; } }
@media (forced-colors:active) { #es-a11y-root button,#es-a11y-root select,.es-a11y-switch,.es-a11y-contrast label>span { border:1px solid ButtonText; } .es-a11y-switch::after { background:ButtonText; } .es-a11y-toggle input:checked+.es-a11y-switch { background:Highlight; } }