/** * ווידג'ט נגישות: כפתור צף + פאנל בקרה, ומחלקות ה-a11y-* שמוחלות * על ה- ומשפיעות על כל האתר (הגדלת טקסט, ניגודיות, קישורים, * עצירת אנימציות). */ .a11y-widget { position: fixed; bottom: var(--space-5); left: var(--space-5); z-index: var(--z-modal); transition: bottom var(--transition-base); } /* כשבאנר העוגיות מוצג, מזיזים את ווידג'ט הנגישות מעליו כדי שלא יתנגשו */ html.cookie-banner-visible .a11y-widget { bottom: calc(var(--space-5) + 76px); } .a11y-widget__toggle { width: 3.25rem; height: 3.25rem; border-radius: 50%; background-color: #1a56db; border: none; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25); cursor: pointer; transition: transform var(--transition-fast); } .a11y-widget__toggle:hover { transform: scale(1.06); } .a11y-widget__toggle svg { width: 1.75rem; height: 1.75rem; stroke: #ffffff; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } .a11y-widget__panel { display: none; position: absolute; bottom: calc(100% + var(--space-3)); left: 0; width: 280px; background-color: var(--color-white); border-radius: var(--radius-md); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); padding: var(--space-5); } .a11y-widget__panel.is-open { display: block; } .a11y-widget__title { font-size: var(--fs-md); margin-bottom: var(--space-4); } .a11y-widget__row { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-3); font-size: var(--fs-sm); } .a11y-widget__btn-group { display: flex; gap: var(--space-2); } .a11y-widget__btn-group button { width: 2rem; height: 2rem; border: 1px solid var(--color-gray-200); border-radius: var(--radius-sm); background: none; cursor: pointer; font-size: var(--fs-xs); font-weight: 700; } .a11y-widget__option { display: block; width: 100%; text-align: start; padding: var(--space-3); margin-bottom: var(--space-2); border: 1px solid var(--color-gray-200); border-radius: var(--radius-sm); background: none; font-size: var(--fs-sm); cursor: pointer; } .a11y-widget__option:hover { border-color: #1a56db; } .a11y-widget__reset { display: block; width: 100%; text-align: center; margin-top: var(--space-3); padding: var(--space-2); background: none; border: none; color: var(--color-gray-600); font-size: var(--fs-xs); text-decoration: underline; cursor: pointer; } .a11y-widget__statement-link { display: block; text-align: center; margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-gray-200); font-size: var(--fs-xs); } /* --- מצבי נגישות גלובליים (מוחלים על כל האתר) --- */ html.a11y-font-lg { font-size: 112.5%; } html.a11y-font-xl { font-size: 125%; } html.a11y-underline-links a { text-decoration: underline !important; } html.a11y-no-motion, html.a11y-no-motion * { animation: none !important; transition: none !important; } html.a11y-contrast body { background-color: #ffffff !important; color: #000000 !important; } html.a11y-contrast .hero__subtitle, html.a11y-contrast .footer-col p, html.a11y-contrast .footer-legal a, html.a11y-contrast .value-card p { opacity: 1 !important; color: #000000 !important; } html.a11y-contrast a { color: #00308f !important; text-decoration: underline !important; } @media (max-width: 480px) { .a11y-widget { bottom: var(--space-4); left: var(--space-4); } .a11y-widget__panel { width: calc(100vw - var(--space-8)); } }