/* תוסף נגישות | מיטל עזרא חן */
.a11y-ui, .a11y-ui * { box-sizing: border-box; }
.a11y-ui { font-family: 'Assistant', 'Heebo', Arial, sans-serif; direction: rtl; }
.a11y-fab {
  position: fixed; left: 16px; bottom: 16px; z-index: 2147483000;
  width: 52px; height: 52px; border-radius: 50%;
  background: #f7e1b0; color: #420815; border: 2px solid #420815;
  box-shadow: 0 4px 18px rgba(0,0,0,.45); cursor: pointer;
  display: flex; align-items: center; justify-content: center; padding: 0;
}
.a11y-fab:hover { background: #fff3d6; }
.a11y-fab svg { width: 30px; height: 30px; fill: currentColor; }
.a11y-ui button:focus-visible, .a11y-ui a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 5px #001833; }
.a11y-panel {
  position: fixed; left: 16px; bottom: 80px; z-index: 2147483000;
  width: min(340px, calc(100vw - 32px)); max-height: calc(100vh - 110px); overflow-y: auto;
  background: #5c0d1a; color: #ffffff; border: 1px solid #f7e1b0; border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0,0,0,.6); padding: 14px;
}
.a11y-panel[hidden] { display: none; }
.a11y-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.a11y-head h2 { font-size: 1.1rem; margin: 0; color: #fff3d6; }
.a11y-close { background: transparent; color: #ffffff; border: 1px solid rgba(255,255,255,.25); border-radius: 8px; width: 34px; height: 34px; font-size: 1.2rem; cursor: pointer; }
.a11y-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.a11y-btn {
  background: #6e1220; color: #ffffff; border: 1px solid rgba(255,255,255,.25); border-radius: 10px;
  padding: 10px 8px; font: inherit; font-size: .92rem; line-height: 1.25; cursor: pointer; min-height: 48px; text-align: center;
}
.a11y-btn:hover { border-color: #f7e1b0; }
.a11y-btn[aria-pressed="true"] { background: #f7e1b0; color: #420815; border-color: #f7e1b0; font-weight: 700; }
.a11y-size { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; }
.a11y-size .a11y-btn { flex: 1; }
.a11y-size output { min-width: 56px; text-align: center; font-weight: 700; }
.a11y-reset { grid-column: 1 / -1; }
.a11y-link { display: block; margin-top: 10px; text-align: center; color: #fff3d6; font-size: .92rem; }

/* התאמות */
html.a11y-font body, html.a11y-font body * :not(.a11y-ui *) { font-family: Arial, 'Segoe UI', Helvetica, sans-serif !important; letter-spacing: .02em; }
html.a11y-links a:not(.a11y-ui a) { text-decoration: underline !important; text-underline-offset: 3px; outline: 1px dashed currentColor; outline-offset: 2px; }
html.a11y-headings h1:not(.a11y-ui *), html.a11y-headings h2:not(.a11y-ui *), html.a11y-headings h3:not(.a11y-ui *), html.a11y-headings h4:not(.a11y-ui *) {
  outline: 3px solid #fbbf24 !important; outline-offset: 4px; background: rgba(251,191,36,.14) !important; }
html.a11y-noanim *, html.a11y-noanim *::before, html.a11y-noanim *::after {
  animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.a11y-noanim .reveal, html.a11y-noanim .stagger > * { opacity: 1 !important; transform: none !important; }
html.a11y-contrast body, html.a11y-contrast body *:not(.a11y-ui):not(.a11y-ui *) {
  background-color: #000 !important; background-image: none !important; color: #fff !important;
  border-color: #fff !important; text-shadow: none !important; box-shadow: none !important;
  -webkit-text-fill-color: #fff !important; }
html.a11y-contrast a:not(.a11y-ui a), html.a11y-contrast a:not(.a11y-ui a) * { color: #ffeb3b !important; -webkit-text-fill-color: #ffeb3b !important; }
html.a11y-contrast button:not(.a11y-ui button), html.a11y-contrast input, html.a11y-contrast select, html.a11y-contrast textarea { border: 2px solid #fff !important; }
.a11y-alt-label { display: block; margin: 4px 0; padding: 4px 8px; background: #fffbe6; color: #000; border: 1px solid #000; font-size: .85rem; font-weight: 600; }
html.a11y-contrast .a11y-alt-label { background-color: #000 !important; color: #fff !important; }

@media (max-width: 900px) { .a11y-fab { bottom: 16px; left: 12px; width: 44px; height: 44px; } .a11y-panel { bottom: 70px; left: 12px; } body:has(.sticky-cta) .a11y-fab { bottom: 178px; } body:has(.sticky-cta) .a11y-panel { bottom: 232px; } }
.a11y-fab { background: #f7e1b0; color: #420815; border-color: #420815; }
.a11y-btn[aria-pressed="true"] { color: #420815; }