/* ========================================================= accessibility.css — וידג'ט נגישות תקנות שוויון זכויות לאנשים עם מוגבלות / IS 5568 / WCAG 2.1 AA ========================================================= */ .a11y-toggle{ position:fixed;bottom:20px;inset-inline-start:20px;z-index:9500; width:54px;height:54px;border-radius:50%;border:none;cursor:pointer; background:#1d4ed8;color:#fff;font-size:1.6rem;display:grid;place-items:center; box-shadow:0 8px 24px rgba(29,78,216,.45);transition:transform .18s ease} .a11y-toggle:hover{transform:scale(1.06)} .a11y-toggle:focus-visible{outline:3px solid #fff;outline-offset:2px} .a11y-panel{ position:fixed;bottom:86px;inset-inline-start:20px;z-index:9500;width:300px;max-width:calc(100vw - 40px); background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-radius:16px; box-shadow:0 24px 60px rgba(15,23,42,.3);padding:18px;display:none;direction:rtl} .a11y-panel.is-open{display:block;animation:a11y-up .25s ease} @keyframes a11y-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .a11y-panel h3{margin:0 0 .2rem;font-size:1.05rem;font-weight:800;color:#0f172a} .a11y-panel .a11y-sub{margin:0 0 1rem;font-size:.78rem;color:#64748b} .a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem} .a11y-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;border:1px solid #e2e8f0; background:#f8fafc;border-radius:10px;padding:10px 6px;font-family:inherit;font-size:.78rem;font-weight:600; color:#334155;cursor:pointer;transition:.15s;text-align:center} .a11y-btn:hover{border-color:#1d4ed8;background:#eff6ff} .a11y-btn.active{border-color:#1d4ed8;background:#dbeafe;color:#1e3a8a} .a11y-btn .ic{font-size:1.25rem;line-height:1} .a11y-reset{margin-top:.8rem;width:100%;border:none;background:#f1f5f9;color:#334155;border-radius:10px; padding:10px;font-family:inherit;font-weight:700;cursor:pointer} .a11y-reset:hover{background:#e2e8f0} .a11y-statement{display:block;text-align:center;margin-top:.7rem;font-size:.78rem;color:#1d4ed8;text-decoration:underline} /* ---- Applied states (on ) ---- */ html.a11y-contrast{filter:contrast(1.35)} html.a11y-invert{filter:invert(1) hue-rotate(180deg)} html.a11y-invert img,html.a11y-invert lottie-player,html.a11y-invert .video__media,html.a11y-invert video{filter:invert(1) hue-rotate(180deg)} html.a11y-grayscale{filter:grayscale(1)} html.a11y-links a{text-decoration:underline !important;outline:1px dashed currentColor;outline-offset:2px} html.a11y-readable *{font-family:Arial, "Noto Sans Hebrew", sans-serif !important;letter-spacing:.3px} html.a11y-spacing p,html.a11y-spacing li{line-height:2.1 !important;letter-spacing:.5px} html.a11y-pause *{animation:none !important;transition:none !important} 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 fill='%23000' stroke='%23fff' stroke-width='1' d='M5 2l14 11-6 1 4 7-3 2-4-7-5 4z'/%3E%3C/svg%3E") 4 4, auto !important} /* lift the toggle above the mobile sticky CTA bar */ @media(max-width:600px){ .a11y-toggle{inset-block-end:84px} .a11y-panel{inset-block-end:148px} }