/* Shiftify accessibility toolbar — additive user-preference controls.
   These sit ON TOP of the site's real semantic/contrast/keyboard fixes; they are not a
   substitute for them. Every toggle here does something real and reversible. */

@font-face{
  font-family:'OpenDyslexic';
  src:url('https://cdn.jsdelivr.net/gh/antijingoist/opendyslexic@master/compiled/OpenDyslexic-Regular.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/antijingoist/opendyslexic@master/compiled/OpenDyslexic-Regular.woff') format('woff');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'OpenDyslexic';
  src:url('https://cdn.jsdelivr.net/gh/antijingoist/opendyslexic@master/compiled/OpenDyslexic-Bold.woff') format('woff');
  font-weight:700; font-style:normal; font-display:swap;
}

#a11y-toggle{
  position:fixed; left:16px; bottom:16px; z-index:9999;
  width:56px; height:56px; border-radius:50%; border:0; cursor:pointer;
  background:linear-gradient(150deg,#2f6bf6,#1a47b8); color:#fff;
  display:grid; place-items:center; box-shadow:0 10px 26px -6px rgba(27,33,68,.55);
  transition:transform .15s;
}
#a11y-toggle:hover{transform:translateY(-2px)}
#a11y-toggle svg{width:30px;height:30px}

#a11y-panel{
  position:fixed; left:16px; bottom:82px; z-index:9999; width:min(340px,calc(100vw - 32px));
  max-height:min(600px,calc(100vh - 110px)); overflow-y:auto;
  background:#fff; color:#1b2144; border-radius:18px; box-shadow:0 30px 60px -18px rgba(0,0,0,.4);
  padding:18px; font-family:'Rubik',system-ui,sans-serif; direction:rtl; text-align:right;
  display:none;
}
#a11y-panel.open{display:block}
#a11y-panel h2{font-size:16px;font-weight:800;margin:0 0 4px}
#a11y-panel .a11y-group{margin-top:16px}
#a11y-panel .a11y-group-title{font-size:12.5px;font-weight:700;color:#565c76;margin-bottom:8px}
#a11y-panel .a11y-size-row{display:flex;align-items:center;gap:8px}
#a11y-panel .a11y-size-row button{
  flex:none; width:40px; height:40px; border-radius:10px; border:1px solid #e6e9f4;
  background:#f3f5fb; font-weight:800; font-size:15px; cursor:pointer;
}
#a11y-panel .a11y-size-readout{flex:1;text-align:center;font-weight:700;font-size:14px;color:#3a4066}
#a11y-panel .a11y-toggle-btn{
  display:flex; align-items:center; gap:10px; width:100%; text-align:right;
  border:1px solid #e6e9f4; background:#fff; border-radius:12px; padding:10px 12px;
  font-family:inherit; font-size:14px; font-weight:600; color:#1b2144; cursor:pointer;
  margin-bottom:8px;
}
#a11y-panel .a11y-toggle-btn .a11y-ic{font-size:18px;flex:none}
#a11y-panel .a11y-toggle-btn .a11y-desc{display:block;font-size:11.5px;font-weight:500;color:#6b7291}
#a11y-panel .a11y-toggle-btn[aria-pressed="true"]{background:#e8effe;border-color:#2f6bf6;color:#1a47b8}
#a11y-panel .a11y-reset{
  width:100%;margin-top:6px;padding:10px;border-radius:12px;border:1px dashed #c7cee0;
  background:#fbfcff;font-weight:700;font-size:13.5px;color:#3a4066;cursor:pointer;font-family:inherit;
}
#a11y-panel .a11y-statement-link{
  display:block;text-align:center;margin-top:14px;font-size:13px;font-weight:700;color:#1a47b8;
  text-decoration:underline;
}
#a11y-panel button:focus-visible,#a11y-toggle:focus-visible{outline:3px solid #ff9800;outline-offset:2px}

/* ── Dyslexia-friendly font + spacing. OpenDyslexic has no Hebrew glyphs, so Hebrew text keeps
   the site font but still gets the wider spacing — see the accessibility statement for this. */
html.a11y-dyslexic, html.a11y-dyslexic body{
  font-family:'OpenDyslexic', var(--font, 'Rubik', system-ui, sans-serif) !important;
}
html.a11y-dyslexic *{
  letter-spacing:.03em !important; line-height:1.7 !important; word-spacing:.05em !important;
}

/* ── Underline every link, regardless of the page's own hover-only underline styling. */
html.a11y-underline a{text-decoration:underline !important; text-underline-offset:3px !important}

/* ── Stop all motion beyond prefers-reduced-motion. */
html.a11y-no-motion *, html.a11y-no-motion *::before, html.a11y-no-motion *::after{
  animation-duration:0.001ms !important; animation-iteration-count:1 !important;
  transition-duration:0.001ms !important; scroll-behavior:auto !important;
}

/* ── Big cursor: a larger high-contrast arrow, applied everywhere. */
html.a11y-big-cursor, html.a11y-big-cursor *{
  cursor:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M6 3 L6 33 L14 26 L19 36 L24 34 L19 24 L29 24 Z' fill='black' stroke='white' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 4 4, auto !important;
}

/* ── Stronger, high-visibility focus ring on top of the site's default focus-visible styling. */
html.a11y-focus-ring *:focus{
  outline:4px solid #ff9800 !important; outline-offset:3px !important;
  box-shadow:0 0 0 6px rgba(255,152,0,.35) !important;
}

@media (max-width:480px){
  #a11y-toggle{left:12px;bottom:12px;width:50px;height:50px}
  #a11y-panel{left:12px;bottom:74px}
}