/* ============================================================ סרגל נגישות — אלון שיפוצים (עצמאי, ללא תלות חיצונית) ============================================================ */ /* ----- כפתור צף ----- */ #acc-btn{position:fixed;bottom:18px;right:18px;z-index:9990;width:52px;height:52px;border-radius:50%; border:1px solid rgba(159,176,192,.5);background:linear-gradient(145deg,#1b2228,#0c1014); color:#cdd6df;cursor:pointer;display:flex;align-items:center;justify-content:center; box-shadow:0 6px 22px rgba(0,0,0,.55);transition:transform .2s,border-color .2s,color .2s} #acc-btn:hover{transform:scale(1.07);border-color:#9fb0c0;color:#fff} #acc-btn svg{width:28px;height:28px} /* ----- פאנל ----- */ #acc-panel{position:fixed;bottom:82px;right:18px;z-index:9991;width:300px;max-width:calc(100vw - 36px); background:#0e1318;border:1px solid rgba(159,176,192,.28);border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,.6);padding:16px;direction:rtl; font-family:'Heebo',sans-serif;color:#fff;display:none; max-height:calc(100vh - 110px);overflow-y:auto} #acc-panel.open{display:block} #acc-panel h2{font-size:16px;font-weight:900;margin:0 0 2px;color:#fff;display:flex;align-items:center;gap:8px} #acc-panel .acc-sub{font-size:11px;color:rgba(255,255,255,.55);margin:0 0 14px} #acc-panel .acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .acc-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px; background:#161d24;border:1px solid rgba(159,176,192,.18);border-radius:10px; padding:12px 8px;cursor:pointer;color:#cfd6dd;font-family:inherit;font-size:12px;font-weight:600; transition:border-color .18s,background .18s,color .18s;text-align:center;line-height:1.3} .acc-opt:hover{border-color:rgba(159,176,192,.55);background:#1b232b} .acc-opt .acc-ico{font-size:20px;line-height:1} .acc-opt[aria-pressed="true"]{border-color:#9fb0c0;background:#1f2a33;color:#fff;box-shadow:inset 0 0 0 1px rgba(159,176,192,.5)} /* שורת גודל טקסט */ .acc-fz-row{display:flex;align-items:center;gap:8px;background:#161d24;border:1px solid rgba(159,176,192,.18); border-radius:10px;padding:8px 10px;margin-bottom:8px} .acc-fz-row .acc-fz-lbl{flex:1;font-size:12px;font-weight:600;color:#cfd6dd;display:flex;align-items:center;gap:7px} .acc-fz-row button{width:34px;height:34px;border-radius:8px;border:1px solid rgba(159,176,192,.3); background:#0e1318;color:#fff;font-size:18px;font-weight:700;cursor:pointer;line-height:1; display:flex;align-items:center;justify-content:center;transition:border-color .18s,background .18s} .acc-fz-row button:hover{border-color:#9fb0c0;background:#1b232b} .acc-fz-val{min-width:42px;text-align:center;font-size:12px;font-weight:700;color:#9fb0c0} #acc-reset{width:100%;margin-top:12px;padding:10px;border-radius:9px;border:1px solid rgba(159,176,192,.3); background:transparent;color:#cfd6dd;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer; transition:border-color .18s,color .18s} #acc-reset:hover{border-color:#9fb0c0;color:#fff} #acc-panel .acc-statement{display:block;text-align:center;margin-top:10px;font-size:12px; color:#9fb0c0;text-decoration:underline} #acc-panel .acc-statement:hover{color:#cdd6df} /* חיווי פוקוס תמיד נראה בתוך הוידג'ט */ #acc-btn:focus-visible,#acc-panel button:focus-visible,#acc-panel a:focus-visible{outline:3px solid #fff;outline-offset:2px} /* ============================================================ אפקטים על האתר (מופעלים ע"י מחלקות על ) ============================================================ */ /* ניגודיות גבוהה */ html.acc-contrast body{background:#000 !important} html.acc-contrast h1,html.acc-contrast h2,html.acc-contrast h3,html.acc-contrast h4, html.acc-contrast p,html.acc-contrast span,html.acc-contrast li,html.acc-contrast small, html.acc-contrast strong,html.acc-contrast em,html.acc-contrast label,html.acc-contrast div{ color:#fff !important;opacity:1 !important;text-shadow:none !important} html.acc-contrast a:not(#acc-panel a):not(#acc-btn){color:#ffeb3b !important} html.acc-contrast section,html.acc-contrast footer,html.acc-contrast .wc,html.acc-contrast .svc{background-color:#000 !important} /* הדגשת קישורים — מסגרת צהובה + קו תחתון, בלי לדרוס אפקט הכרום (text-fill) */ html.acc-links a:not(#acc-panel a):not(#acc-btn){text-decoration:underline !important;text-underline-offset:3px; outline:2px solid #ffd400 !important;outline-offset:2px;border-radius:3px; -webkit-text-fill-color:currentColor !important;background-image:none !important} /* פונט קריא */ html.acc-readable body,html.acc-readable button,html.acc-readable input, html.acc-readable textarea,html.acc-readable select{ font-family:Arial,'Heebo',sans-serif !important;letter-spacing:.3px !important;line-height:1.8 !important} /* עצירת אנימציות */ html.acc-noanim *,html.acc-noanim *::before,html.acc-noanim *::after{ animation-duration:0s !important;animation-delay:0s !important; transition-duration:0s !important;transition-delay:0s !important;scroll-behavior:auto !important} /* סמן גדול */ html.acc-bigcur,html.acc-bigcur *{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='M6 4 L6 38 L15 30 L21 44 L28 41 L22 27 L34 27 Z' fill='%23fff' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") 4 4,auto !important} @media(max-width:480px){ #acc-btn{width:46px;height:46px;bottom:14px;right:14px} #acc-btn svg{width:24px;height:24px} #acc-panel{bottom:70px;right:14px} }