/* === ACCESSIBILITY WIDGET - שימור צבעי האתר === */ :root{--a11y-g:#0C2016;--a11y-g2:#163D28;--a11y-gold:#C4A96A} /* Floating button - opposite side from chat widget to avoid overlap */ .a11y-btn{ position:fixed;bottom:20px;right:20px;z-index:9998; width:48px;height:48px;border-radius:50%; background:var(--a11y-g);color:#fff;border:2px solid #fff; box-shadow:0 4px 14px rgba(12,32,22,.25); display:flex;align-items:center;justify-content:center; cursor:pointer;transition:all .2s ease; font-size:0;padding:0; } .a11y-btn:hover,.a11y-btn:focus{ background:var(--a11y-g2);transform:scale(1.08); outline:2px solid var(--a11y-gold);outline-offset:2px; } .a11y-btn svg{width:26px;height:26px;fill:#fff} body.ltr .a11y-btn{right:auto;left:20px} /* Panel - same side as button */ .a11y-panel{ position:fixed;bottom:80px;right:20px;z-index:9999; width:300px;max-width:calc(100vw - 40px); background:#fff;border-radius:12px; box-shadow:0 10px 40px rgba(12,32,22,.18); border:1px solid rgba(196,169,106,.3); padding:1.25rem; font-family:'Rubik',sans-serif;font-size:14px; display:none;direction:rtl; } body.ltr .a11y-panel{right:auto;left:20px;direction:ltr} html[lang="ru"] .a11y-panel,html[lang="en"] .a11y-panel{direction:ltr;right:auto;left:20px} .a11y-panel.open{display:block;animation:a11ySlide .25s ease} @keyframes a11ySlide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .a11y-panel-h{ font-weight:600;color:var(--a11y-g); margin-bottom:1rem;padding-bottom:.75rem; border-bottom:1px solid rgba(196,169,106,.25); font-size:1rem; } .a11y-row{ display:flex;align-items:center;justify-content:space-between; padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.04); } .a11y-row:last-child{border-bottom:none} .a11y-label{color:#333;font-size:.92rem;flex:1} .a11y-controls{display:flex;gap:.3rem} .a11y-c{ background:#F8F8F5;color:var(--a11y-g); border:1px solid rgba(12,32,22,.12); width:32px;height:32px;border-radius:6px; cursor:pointer;font-size:1rem;font-weight:600; display:inline-flex;align-items:center;justify-content:center; transition:all .15s ease; } .a11y-c:hover,.a11y-c:focus{background:var(--a11y-g);color:#fff;border-color:var(--a11y-g);outline:none} .a11y-c.active{background:var(--a11y-g);color:#fff;border-color:var(--a11y-g)} .a11y-reset{ width:100%;margin-top:.85rem;padding:.6rem; background:#fff;color:var(--a11y-g); border:1px solid var(--a11y-g);border-radius:6px; cursor:pointer;font-weight:500;font-size:.88rem; transition:all .15s ease;font-family:inherit; } .a11y-reset:hover,.a11y-reset:focus{background:var(--a11y-g);color:#fff;outline:none} .a11y-statement{ display:block;margin-top:.85rem;padding-top:.85rem; border-top:1px solid rgba(196,169,106,.25); text-align:center;font-size:.82rem;color:var(--a11y-g); text-decoration:none; } .a11y-statement:hover{color:var(--a11y-gold);text-decoration:underline} /* === STATE MODIFIERS — applied to === */ /* Font sizing */ html.a11y-font-110{font-size:110%} html.a11y-font-125{font-size:125%} html.a11y-font-150{font-size:150%} /* High contrast */ html.a11y-contrast,html.a11y-contrast body{background:#000!important;color:#fff!important} html.a11y-contrast a,html.a11y-contrast a *{color:#FFD700!important} html.a11y-contrast h1,html.a11y-contrast h2,html.a11y-contrast h3,html.a11y-contrast h4,html.a11y-contrast h5,html.a11y-contrast h6{color:#fff!important} html.a11y-contrast p,html.a11y-contrast li,html.a11y-contrast span,html.a11y-contrast div{color:#fff!important} html.a11y-contrast img,html.a11y-contrast video{filter:grayscale(.7) contrast(1.05)} html.a11y-contrast .btn,html.a11y-contrast button{background:#fff!important;color:#000!important;border:2px solid #fff!important} /* Highlight links */ html.a11y-links a:not(.a11y-btn):not(.a11y-statement){ background:rgba(196,169,106,.25)!important;text-decoration:underline!important; padding:1px 3px;border-radius:3px; } /* Dyslexic font (uses system OpenDyslexic if installed, else Arial) */ html.a11y-dyslexic,html.a11y-dyslexic *{ font-family:'OpenDyslexic','Comic Sans MS',Arial,sans-serif!important; letter-spacing:.05em!important;line-height:1.85!important; } /* Mobile button spacing */ @media(max-width:600px){ .a11y-btn{bottom:16px;right:16px;width:44px;height:44px} body.ltr .a11y-btn{right:auto;left:16px} .a11y-panel{bottom:72px;right:16px;width:calc(100vw - 32px)} body.ltr .a11y-panel{right:auto;left:16px} }