/* Paamon — site-wide accessibility toolbar. Compliance: תקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), תשע"ג-2013 + ת"י 5568 ברמה AA (WCAG 2.1 AA). Loaded on EVERY public-facing page via paamon-a11y.js — pages shouldn't try to style this themselves. */ /* Side toggle button — always visible, anchored to the side opposite the reading direction so it doesn't fight the content. */ .a11y-toggle{ position:fixed;top:90px;right:0; background:#13234F;color:#fff;border:0; width:48px;height:48px;border-radius:8px 0 0 8px; cursor:pointer;z-index:9999; display:flex;align-items:center;justify-content:center; box-shadow:-2px 0 8px rgba(0,0,0,.2); font-family:inherit;font-size:1.4rem; } html[lang="en"] .a11y-toggle{right:auto;left:0;border-radius:0 8px 8px 0;box-shadow:2px 0 8px rgba(0,0,0,.2)} .a11y-toggle:hover,.a11y-toggle:focus{background:#7B1A3A;outline:2px solid #C5A059;outline-offset:2px} /* Side panel — slides in from the same edge as the toggle. */ .a11y-panel{ position:fixed;top:90px;right:0;transform:translateX(100%); background:#fff;color:#1A1A2E; width:320px;max-width:92vw;max-height:90vh;overflow-y:auto; border-radius:12px 0 0 12px; box-shadow:-4px 0 16px rgba(0,0,0,.2); z-index:10000; transition:transform .3s ease;padding:1.25rem; font-family:'Heebo',sans-serif;direction:rtl; } html[lang="en"] .a11y-panel{ right:auto;left:0;transform:translateX(-100%); border-radius:0 12px 12px 0; box-shadow:4px 0 16px rgba(0,0,0,.2); direction:ltr; } .a11y-panel.open{transform:translateX(0)} .a11y-panel h2{font-size:1.1rem;font-weight:800;color:#13234F;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(26,26,46,.1)} .a11y-close{position:absolute;top:.75rem;left:.75rem;background:transparent;border:0;font-size:1.5rem;cursor:pointer;color:#1A1A2E;line-height:1;padding:4px 8px} html[lang="en"] .a11y-close{left:auto;right:.75rem} .a11y-close:hover,.a11y-close:focus{color:#7B1A3A;outline:2px solid #C5A059;outline-offset:1px;border-radius:4px} .a11y-group{margin-bottom:1rem} .a11y-group-label{font-size:.78rem;font-weight:700;color:#7B1A3A;letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem} .a11y-btn{ display:flex;width:100%;align-items:center;gap:.5rem; padding:.6rem .75rem;background:#F6F3EE;border:1px solid transparent;border-radius:6px; cursor:pointer;font-family:'Heebo',sans-serif;font-size:.88rem;color:#1A1A2E; margin-bottom:.4rem;text-align:right;transition:all .15s; } html[lang="en"] .a11y-btn{text-align:left} .a11y-btn:hover,.a11y-btn:focus{background:rgba(123,26,58,.08);border-color:#7B1A3A;outline:2px solid #C5A059;outline-offset:1px} .a11y-btn.active{background:rgba(123,26,58,.15);border-color:#7B1A3A;font-weight:700} .a11y-btn-icon{font-size:1.1rem;width:22px;display:inline-block;text-align:center} .a11y-reset{background:#7B1A3A;color:#fff;margin-top:.5rem;font-weight:700} .a11y-reset:hover,.a11y-reset:focus{background:#5f1430;color:#fff} /* CSS modes — applied to via the panel's toggle buttons. */ body.a11y-high-contrast>:not(.a11y-toggle):not(.a11y-panel){filter:contrast(1.5)} body.a11y-invert>:not(.a11y-toggle):not(.a11y-panel){filter:invert(1) hue-rotate(180deg)} body.a11y-invert img,body.a11y-invert video,body.a11y-invert svg{filter:invert(1) hue-rotate(180deg)} body.a11y-grayscale>:not(.a11y-toggle):not(.a11y-panel){filter:grayscale(1)} body.a11y-highlight-links a{outline:2px solid #ffea00!important;background:#ffea00!important;color:#000!important;text-decoration:underline!important} body.a11y-readable-font,body.a11y-readable-font *{font-family:Verdana,Tahoma,Arial,sans-serif!important;letter-spacing:.02em!important;line-height:1.75!important} body.a11y-no-animation,body.a11y-no-animation *{animation:none!important;transition:none!important;scroll-behavior:auto!important} body.a11y-big-cursor,body.a11y-big-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M5 3l10 32 6-14 14-6z' fill='%237B1A3A' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") 5 3,auto!important} /* Skip link — visible on focus, hidden otherwise. Required by SI 5568. */ .a11y-skip{position:absolute;top:-100px;right:1rem;background:#7B1A3A;color:#fff;padding:.75rem 1.25rem;border-radius:6px;z-index:10001;font-weight:700;text-decoration:none;font-family:'Heebo',sans-serif} html[lang="en"] .a11y-skip{right:auto;left:1rem} .a11y-skip:focus{top:1rem;outline:3px solid #C5A059;outline-offset:2px}