/* ===== Grumans Accessibility widget ===== */ .gru-a11y-skip{position:fixed;top:-60px;right:10px;z-index:100001;background:#753641;color:#fff;padding:10px 18px;border-radius:0 0 8px 8px;transition:top .2s;} .gru-a11y-skip:focus{top:0;} .gru-a11y-btn{position:fixed;bottom:20px;left:20px;z-index:100000;width:52px;height:52px;border-radius:50%;background:#753641;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;} .gru-a11y-btn:hover{background:#5e2b32;} .gru-a11y-btn:focus-visible{outline:3px solid #1f6feb;outline-offset:2px;} .gru-a11y-panel{position:fixed;bottom:84px;left:20px;z-index:100000;width:320px;max-width:calc(100vw - 40px);background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.25);direction:rtl;font-family:'Noto Sans Hebrew',Arial,sans-serif;display:none;overflow:hidden;} .gru-a11y-panel.open{display:block;} .gru-a11y-head{display:flex;align-items:center;justify-content:space-between;background:#753641;color:#fff;padding:14px 16px;font-size:17px;} .gru-a11y-x{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1;} .gru-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;} .gru-a11y-grid button{background:#f4eef0;border:1px solid #e6d9de;border-radius:9px;padding:12px 8px;font-size:14px;color:#383636;cursor:pointer;font-family:inherit;min-height:48px;} .gru-a11y-grid button:hover{background:# ecdfe4;background:#ecdfe4;} .gru-a11y-grid button.active{background:#753641;color:#fff;border-color:#753641;} .gru-a11y-grid button:focus-visible{outline:3px solid #1f6feb;outline-offset:1px;} .gru-a11y-reset{grid-column:1/3;background:#383636!important;color:#fff!important;border-color:#383636!important;} .gru-a11y-statement{display:block;text-align:center;padding:12px;color:#753641;text-decoration:underline;font-size:14px;border-top:1px solid #eee;} /* ===== Applied adjustment classes (on ) ===== */ /* text-only resize is handled in JS (the site uses absolute px font sizes, so root font-size has no effect). JS reads each element's base font-size and multiplies it. */ html.a11y-readable body, html.a11y-readable body *{font-family:Arial,'Noto Sans Hebrew',sans-serif!important;letter-spacing:.3px;} html.a11y-spacing body, html.a11y-spacing body *{line-height:1.9!important;word-spacing:.12em;} html.a11y-contrast body{background:#000!important;} html.a11y-contrast body, html.a11y-contrast body *{background-color:#000!important;color:#fff!important;border-color:#fff!important;} html.a11y-contrast a, html.a11y-contrast a *{color:#ffff00!important;} html.a11y-invert{filter:invert(1) hue-rotate(180deg);} html.a11y-grayscale{filter:grayscale(1);} html.a11y-invert.a11y-grayscale{filter:invert(1) hue-rotate(180deg) grayscale(1);} html.a11y-light body{background:#fff!important;} html.a11y-light body, html.a11y-light body *{background-color:#fff!important;color:#222!important;} html.a11y-links a, html.a11y-links a *{text-decoration:underline!important;outline:2px solid #1f6feb!important;outline-offset:2px;} html.a11y-bigcursor, html.a11y-bigcursor *{cursor:url('data:image/svg+xml;utf8,') 4 2, auto!important;} html.a11y-stopanim *, html.a11y-stopanim *::before, html.a11y-stopanim *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;} /* keyboard focus visibility (always-on, good practice) */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:3px solid #1f6feb;outline-offset:2px;} @media (max-width:768px){ .gru-a11y-btn{bottom:14px;left:14px;} .gru-a11y-panel{left:14px;bottom:74px;} }