/* Accessibility layer — shared by every page. Israeli standard 5568 / WCAG 2.0 AA. */

/* Visible keyboard focus everywhere (keyboard navigation requirement). */
:focus-visible {
  outline: 3px solid #f5a623 !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}

/* Respect the OS "reduce motion" setting, and our own toggle. */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}
html.a11y-nomotion * {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

/* Larger text (three steps) via page zoom. */
html.a11y-t1 body { zoom: 1.15; }
html.a11y-t2 body { zoom: 1.3; }

/* High contrast: push text to pure white, lighten borders and muted greys. */
html.a11y-hc {
  --text: #ffffff;
  --dim: #e2e6ea;
  --line: #6b7480;
}
html.a11y-hc body { background: #000 !important; color: #fff !important; }
html.a11y-hc .feature,
html.a11y-hc .dl-card,
html.a11y-hc .note,
html.a11y-hc .field input { background: #101216 !important; }
html.a11y-hc p,
html.a11y-hc li,
html.a11y-hc .tagline,
html.a11y-hc .sub,
html.a11y-hc .welcome,
html.a11y-hc .feature p { color: #eef1f4 !important; }

/* Always-underline links option. */
html.a11y-underline a:not(.btn) { text-decoration: underline !important; }

/* ---- the widget ---- */
.a11y-fab {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 9998;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #2e333a;
  background: #f5a623;
  color: #17191c;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
.a11y-fab svg { width: 26px; height: 26px; }
.a11y-panel {
  position: fixed;
  left: 18px;
  bottom: 76px;
  z-index: 9999;
  width: 268px;
  background: #1f2226;
  border: 1px solid #2e333a;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.55);
  color: #e8eaed;
  font-family: 'Inter', 'Segoe UI', -apple-system, sans-serif;
}
.a11y-panel[hidden] { display: none; }
.a11y-panel h3 { font-size: 14px; margin: 2px 0 10px; }
.a11y-panel .row { display: flex; gap: 8px; margin-bottom: 8px; }
.a11y-panel button.opt {
  flex: 1;
  padding: 9px 8px;
  border-radius: 9px;
  border: 1px solid #2e333a;
  background: #24282d;
  color: #e8eaed;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.a11y-panel button.opt[aria-pressed='true'] {
  border-color: #f5a623;
  color: #f5a623;
}
.a11y-panel button.opt:hover { background: #2b3036; }
.a11y-panel .stmt {
  display: block;
  margin-top: 8px;
  font-size: 12.5px;
  color: #9aa2ab;
  text-decoration: underline;
}
.a11y-panel .stmt:hover { color: #e8eaed; }