/* ==================================================================
   ELI 2026-11-04 · תפריט נגישות של האתר (במקום UserWay)
   כפתור כנף בצבע דיו עם דמות כתומה, מעל כפתור הוואטסאפ (שמאל למטה).
   דסקטופ: כרטיס כנף ליד הכפתור. מובייל: מגירה שעולה מלמטה.
   ================================================================== */

.ea11y{ font-family:Rubik, system-ui, Arial, sans-serif; }

/* הכפתור */
.ea11y__btn{
  position:fixed; z-index:95; left:24px; bottom:92px;
  inline-size:52px; block-size:52px; padding:0; border:0; cursor:pointer;
  background:#0A0A0A; border-radius:24px 4px 24px 4px;
  display:grid; place-items:center;
  box-shadow:0 8px 22px rgba(10,10,10,.28), 0 0 0 1.5px rgba(246,242,236,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
.ea11y__btn svg{ inline-size:34px; block-size:34px; }
.ea11y__btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(10,10,10,.34), 0 0 0 1.5px rgba(246,242,236,.5); }
.ea11y__btn:focus-visible{ outline:3px solid #F14B1C; outline-offset:3px; }

/* הפאנל */
.ea11y__panel{
  position:fixed; z-index:96; left:24px; bottom:156px;
  inline-size:min(360px, calc(100vw - 48px)); max-block-size:calc(100vh - 190px); overflow:auto;
  background:#fff; color:#0A0A0A; border-radius:32px 6px 32px 6px;
  box-shadow:0 24px 60px rgba(10,10,10,.28); padding:22px 20px 18px;
  direction:rtl;
}
.ea11y__panel[hidden]{ display:none; }
.ea11y__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-block-end:4px; }
.ea11y__title{ margin:0; font-family:Karantina, Rubik, sans-serif; font-weight:700; font-size:44px; line-height:.9; letter-spacing:0; }
.ea11y__title:focus{ outline:none; }
.ea11y__title:focus-visible{ outline:3px solid #F14B1C; outline-offset:4px; }
.ea11y__lead{ margin:0 0 14px; font-size:14px; color:#C93A0F; font-weight:500; }
.ea11y__x{
  inline-size:40px; block-size:40px; border:0; border-radius:8px; background:#F6F2EC; color:#0A0A0A;
  display:grid; place-items:center; cursor:pointer; padding:0; flex:none;
}
.ea11y__x:hover{ background:#ece5db; }
.ea11y__x svg{ inline-size:18px; block-size:18px; }

.ea11y__group{ margin:0 0 10px; padding:0; border:0; }
.ea11y__label{ font-size:13px; font-weight:600; color:#5a514b; margin:0 0 8px; padding:0; }
.ea11y__size{ display:flex; gap:8px; }
.ea11y__grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }

.ea11y__opt{
  min-block-size:56px; padding:10px 12px; border:1.5px solid #e4ddd3; border-radius:8px;
  background:#F6F2EC; color:#0A0A0A; font:inherit; font-size:15px; font-weight:500; line-height:1.25;
  display:flex; align-items:center; gap:10px; cursor:pointer; text-align:start;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.ea11y__size .ea11y__opt{ flex:1; justify-content:center; font-weight:700; }
.ea11y__opt svg{ inline-size:22px; block-size:22px; flex:none; }
.ea11y__opt:hover{ border-color:#0A0A0A; }
.ea11y__opt[aria-pressed="true"]{ background:#C93A0F; border-color:#C93A0F; color:#fff; }
.ea11y__opt:focus-visible, .ea11y__reset:focus-visible, .ea11y__x:focus-visible, .ea11y__link:focus-visible{ outline:3px solid #F14B1C; outline-offset:2px; }

.ea11y__foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-block-start:14px; padding-block-start:14px; border-block-start:1px solid #ece5db; }
.ea11y__reset{
  border:0; background:#0A0A0A; color:#fff; font:inherit; font-size:14px; font-weight:600;
  padding:10px 16px; border-radius:8px; cursor:pointer;
}
.ea11y__reset:hover{ background:#2a2524; }
.ea11y__link{ color:#0A0A0A; font-size:14px; text-decoration:underline; text-underline-offset:3px; }

/* כניסה: הכרטיס עולה מלמטה, והאפשרויות עולות אחת אחרי השנייה */
@media (prefers-reduced-motion: no-preference){
  .ea11y__panel.is-in{ animation:ea11y-up .32s cubic-bezier(.2,.8,.2,1) both; }
  .ea11y__panel.is-in .ea11y__opt{ animation:ea11y-up .32s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(var(--i, 0) * 30ms + 60ms); }
}
@keyframes ea11y-up{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }

/* מובייל: מגירה על כל הרוחב */
@media (max-width:600px){
  .ea11y__btn{ left:20px; bottom:88px; inline-size:48px; block-size:48px; }
  .ea11y__btn svg{ inline-size:30px; block-size:30px; }
  .ea11y__panel{ left:0; right:0; bottom:0; inline-size:auto; max-block-size:82vh; border-radius:28px 28px 0 0; padding:20px 18px calc(18px + env(safe-area-inset-bottom)); }
  .ea11y__scrim{ position:fixed; inset:0; z-index:95; background:rgba(10,10,10,.45); }
}
@media (min-width:601px){ .ea11y__scrim{ display:none; } }
.ea11y__scrim[hidden]{ display:none; }

/* ================= המצבים עצמם ================= */
html.ea11y-hc body > *:not(.ea11y){ filter:contrast(1.45); }
html.ea11y-gray body > *:not(.ea11y){ filter:grayscale(1); }
html.ea11y-hc.ea11y-gray body > *:not(.ea11y){ filter:contrast(1.45) grayscale(1); }

html.ea11y-links a:not(.ea11y *){ text-decoration:underline !important; text-underline-offset:3px !important; text-decoration-thickness:2px !important; }
html.ea11y-links a:not(.ea11y *):not([class*="btn"]){ background:rgba(241,75,28,.12); }

html.ea11y-font body *:not(.ea11y *):not(svg):not(svg *){ font-family:Rubik, Arial, sans-serif !important; letter-spacing:normal !important; }

html.ea11y-space body *:not(.ea11y *){ line-height:1.75 !important; letter-spacing:.04em !important; word-spacing:.12em !important; }

html.ea11y-still *, html.ea11y-still *::before, html.ea11y-still *::after{
  animation-duration:0s !important; animation-iteration-count:1 !important; animation-delay:0s !important;
  transition:none !important; scroll-behavior:auto !important;
}

html.ea11y-cursor, html.ea11y-cursor *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M6 3l26 15-11 2.6L27 33l-5 2.5-6-12.4L8 31z' fill='%230A0A0A' stroke='%23fff' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 6 3, auto !important;
}