/* ============ נגישות – לפי ת"י 5568 (WCAG 2.0 AA) ============ */

/* טקסט לקוראי מסך בלבד */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* דילוג לתוכן הראשי */
.skip{position:fixed;top:-120px;right:16px;z-index:300;background:#fff;color:#000;font:900 1rem 'Heebo',system-ui,sans-serif;padding:12px 20px;border-radius:12px;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.skip:focus{top:16px}

/* מסגרת פוקוס ברורה לניווט במקלדת */
:focus-visible{outline:3px solid #ffd54a!important;outline-offset:3px!important;box-shadow:0 0 0 6px rgba(0,0,0,.85)!important}
main:focus,[tabindex="-1"]:focus{outline:none}

/* כיבוד העדפת "הפחתת תנועה" של מערכת ההפעלה */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ---------- כפתור ותפריט הנגישות ---------- */
.a11y-ui{font:500 16px/1.5 'Heebo',system-ui,sans-serif;letter-spacing:normal;word-spacing:normal}
.a11y-btn{position:fixed;right:20px;bottom:16px;z-index:90;width:52px;height:52px;border-radius:50%;border:2px solid #fff;cursor:pointer;
  background:#1d4ed8;color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.55);transition:transform .2s}
.a11y-btn:hover{transform:scale(1.08)}
.a11y-btn svg{width:32px;height:32px;fill:currentColor}
@media(max-width:560px){.a11y-btn{right:14px;bottom:10px;width:46px;height:46px}.a11y-btn svg{width:28px;height:28px}}

.a11y-panel{position:fixed;right:16px;bottom:80px;z-index:95;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 96px);overflow-y:auto;
  background:#fff;color:#111;border:2px solid #1d4ed8;border-radius:18px;padding:16px;box-shadow:0 18px 50px rgba(0,0,0,.6);text-align:right}
.a11y-panel[hidden]{display:none}
@media(max-width:560px){.a11y-panel{right:10px;bottom:66px;width:calc(100vw - 20px);max-height:calc(100vh - 80px)}}
.a11y-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.a11y-panel h2{font:900 18px/1.3 'Heebo',system-ui,sans-serif;color:#111;margin:0;text-shadow:none}
.a11y-x{background:none;border:0;color:#111;font-size:22px;line-height:1;cursor:pointer;width:36px;height:36px;border-radius:50%}
.a11y-x:hover{background:#eef2ff}

.a11y-size{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #c7d2fe;border-radius:12px;margin-bottom:10px;background:#f8faff}
.a11y-size span{font-weight:700}
.a11y-size .ctrl{display:flex;align-items:center;gap:8px}
.a11y-size button{width:40px;height:40px;border-radius:10px;border:1px solid #1d4ed8;background:#fff;color:#1d4ed8;font:900 16px 'Heebo',sans-serif;cursor:pointer}
.a11y-size button:hover{background:#eef2ff}
.a11y-size output{min-width:52px;text-align:center;font-weight:900}

.a11y-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.a11y-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:76px;padding:8px 6px;border-radius:12px;
  border:1px solid #c7d2fe;background:#f8faff;color:#111;font:700 14px/1.3 'Heebo',sans-serif;cursor:pointer;text-align:center}
.a11y-opt:hover{border-color:#1d4ed8;background:#eef2ff}
.a11y-opt .ico{font-size:20px;line-height:1}
.a11y-opt[aria-pressed="true"]{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.a11y-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.a11y-reset{background:#111;color:#fff;border:0;border-radius:99px;padding:8px 16px;font:700 14px 'Heebo',sans-serif;cursor:pointer}
.a11y-link{color:#1d4ed8;font-weight:700;text-decoration:underline}

/* ---------- ההתאמות עצמן ---------- */

/* ניגודיות גבוהה */
html.a11y-contrast{--bg:#000;--card:#000;--card2:#000;--line:#fff;--text:#fff;--muted:#fff;--fire:#ffe14d;--fire2:#ffe14d;--blood:#000}
html.a11y-contrast::before,html.a11y-contrast body::before{display:none}
html.a11y-contrast body::after{background:#000}
html.a11y-contrast body{background:#000;color:#fff}
html.a11y-contrast body *:not(.a11y-ui *){text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.a11y-contrast .item,html.a11y-contrast .qr-box,html.a11y-contrast .curse,html.a11y-contrast .badge,html.a11y-contrast footer,
html.a11y-contrast .drawer,html.a11y-contrast .sauces,html.a11y-contrast .kosher,html.a11y-contrast #buns .sub.hint,html.a11y-contrast .card-box{
  background:#000!important;border-color:#fff!important;box-shadow:none!important;color:#fff!important}
html.a11y-contrast h1{background:none;color:#ffe14d;filter:none}
html.a11y-contrast .sub,html.a11y-contrast .lead,html.a11y-contrast .lead b,html.a11y-contrast .body p{color:#fff!important}
html.a11y-contrast .pick,html.a11y-contrast .cta,html.a11y-contrast .hot,html.a11y-contrast .checkout{background:#ffe14d!important;color:#000!important;border:2px solid #fff!important;box-shadow:none!important}
html.a11y-contrast .checkout svg{fill:#000}
html.a11y-contrast .sauce.on{background:#ffe14d!important;color:#000!important}
html.a11y-contrast .sauce.on .s-state,html.a11y-contrast .sauce.on::after{color:#000!important}
html.a11y-contrast a:not(.a11y-ui *):not(.pick):not(.checkout):not(.wa):not(.skip){color:#ffe14d!important}

/* גווני אפור (על שורש המסמך כדי לא לשבור אלמנטים קבועים) */
html.a11y-gray{filter:grayscale(1)}

/* הדגשת קישורים */
html.a11y-links a:not(.a11y-ui *){text-decoration:underline!important;text-underline-offset:3px;outline:2px dashed #ffd54a;outline-offset:2px}

/* גופן קריא */
html.a11y-font body *:not(.a11y-ui *){font-family:Arial,'Helvetica Neue',Helvetica,sans-serif!important}

/* ריווח טקסט */
html.a11y-spacing body *:not(.a11y-ui *){line-height:1.9!important;letter-spacing:.06em!important;word-spacing:.16em!important}

/* עצירת אנימציות */
html.a11y-motion{scroll-behavior:auto!important}
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{animation:none!important;transition:none!important}

/* סמן עכבר גדול */
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M4 2l0 38 10-9 7 15 7-3-7-15 14 0z' fill='%23000' stroke='%23fff' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important}