/* ZIK accessibility settings: shared by every page */
html.a11y-motion *, html.a11y-motion *::before, html.a11y-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.a11y-t1 { font-size: 112.5%; }
html.a11y-t2 { font-size: 125%; }
html.a11y-t3 { font-size: 137.5%; }
html.a11y-contrast { --bg: #000000; --surface: #000000; --surface-2: #141414; --line: #FFFFFF; --fg: #FFFFFF; --muted: #FFFFFF; --accent: #FF6A2B; --accent-hover: #FF8550; --accent-ink: #000000; --scrim: rgba(0, 0, 0, 0.96); --scrim-strong: #000000; }
html.a11y-links a { text-decoration: underline !important; text-underline-offset: 3px; }
html.a11y-font body, html.a11y-font body * { font-family: Arial, "Noto Sans Hebrew", sans-serif !important; letter-spacing: 0.01em; }

.a11y-btn { position: fixed; z-index: 85; left: max(16px, env(safe-area-inset-left, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: 48px; height: 48px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #313131; border-radius: 2px; background: #F5EFE6; color: #131209; cursor: pointer; }
html.a11y-contrast .a11y-btn { background: #FFFFFF; color: #000000; border-color: #000000; }
.a11y-btn svg { width: 28px; height: 28px; }
.a11y-panel { position: fixed; z-index: 86; left: max(16px, env(safe-area-inset-left, 0px)); bottom: calc(72px + env(safe-area-inset-bottom, 0px)); width: min(320px, calc(100vw - 32px)); max-height: calc(100svh - 120px); overflow: auto; display: grid; gap: 8px; padding: 16px; border-radius: 4px; background: var(--surface, #1F1F1F); border: 1px solid var(--line, #313131); color: var(--fg, #F5EFE6); direction: rtl; text-align: right; font-family: inherit; }
.a11y-panel[hidden] { display: none; }
.a11y-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.a11y-head h2 { margin: 0; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; }
.a11y-close { width: 40px; height: 40px; padding: 0; border: 1px solid var(--line, #313131); border-radius: 2px; background: var(--surface-2, #272727); color: var(--fg, #F5EFE6); cursor: pointer; font: inherit; font-size: 1.25rem; line-height: 1; }
.a11y-note { margin: 0; font-size: 0.875rem; line-height: 1.25rem; color: var(--muted, #B3ACA2); }
.a11y-size { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.a11y-opt { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line, #313131); border-radius: 2px; background: var(--surface-2, #272727); color: var(--fg, #F5EFE6); font: inherit; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; text-align: start; cursor: pointer; }
.a11y-opt[aria-pressed="true"] { border-color: var(--accent, #E8551E); }
.a11y-opt .state { font-size: 0.75rem; line-height: 1rem; color: var(--muted, #B3ACA2); }
.a11y-opt[aria-pressed="true"] .state { color: var(--accent, #E8551E); }
.a11y-panel a { color: var(--fg, #F5EFE6); font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; }
.a11y-btn:focus-visible, .a11y-panel :focus-visible { outline: 2px solid var(--accent, #E8551E); outline-offset: 3px; }