/* Simplex 3D: תפריט נגישות */

/* ============================================================
   הכפתור והפאנל
   ============================================================ */
.sxa{
  --sxa-bunker:#16232B; --sxa-mint:#C0F3D1; --sxa-york:#6CBB81; --sxa-salt:#F2F3F3;
  position:fixed;left:16px;bottom:16px;z-index:2147483000;
  font-family:"Assistant",system-ui,"Segoe UI",sans-serif;font-size:15px;line-height:1.3;
  direction:rtl;text-align:right;color:var(--sxa-bunker);
}
.sxa *,.sxa *::before,.sxa *::after{box-sizing:border-box}
.sxa :where(button){font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sxa svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none}
.sxa :focus-visible{outline:3px solid var(--sxa-york);outline-offset:2px}

.sxa__fab{
  width:44px;height:44px;display:grid;place-items:center;padding:0;
  background:var(--sxa-bunker);color:var(--sxa-mint);
  border:2px solid var(--sxa-mint);border-radius:12px;
  box-shadow:0 6px 18px rgba(22,35,43,.28);
  transition:transform .16s ease,box-shadow .16s ease;
}
.sxa__fab svg{width:26px;height:26px;stroke-width:2}
.sxa__fab:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(22,35,43,.34)}
.sxa__fab:active{transform:translateY(0) scale(.96)}
.sxa--open .sxa__fab{background:var(--sxa-mint);color:var(--sxa-bunker);border-color:var(--sxa-bunker)}

.sxa__panel{
  position:absolute;left:0;bottom:56px;width:340px;
  max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow:auto;overscroll-behavior:contain;
  background:#fff;border-radius:16px;
  box-shadow:0 24px 64px rgba(22,35,43,.28),0 0 0 1px rgba(22,35,43,.08);
  transform-origin:left bottom;
  visibility:hidden;opacity:0;transform:translateY(8px) scale(.98);
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;
}
.sxa--open .sxa__panel{visibility:visible;opacity:1;transform:none;transition:opacity .16s ease,transform .16s ease,visibility 0s}

.sxa__head{
  position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;background:var(--sxa-bunker);color:#fff;
}
.sxa__title{margin:0;font-size:18px;font-weight:800;letter-spacing:0;line-height:1.2;color:var(--sxa-mint)}
.sxa__x{
  width:34px;height:34px;display:grid;place-items:center;padding:0;margin-inline-end:-6px;
  background:transparent;border:0;border-radius:8px;color:#fff;
}
.sxa__x:hover{background:rgba(255,255,255,.1)}
.sxa__x svg{width:20px;height:20px;stroke-width:2.2}

.sxa__body{padding:14px 14px 4px}

.sxa__size{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 12px 8px 8px;margin-bottom:10px;background:var(--sxa-salt);border-radius:12px}
.sxa__label{font-weight:700;font-size:14.5px}
.sxa__seg{display:flex;gap:4px}
.sxa__seg button{
  min-width:40px;height:38px;padding:0 8px;line-height:1;font-weight:800;
  background:#fff;border:1.5px solid rgba(22,35,43,.12);border-radius:9px;
}
.sxa__seg button:nth-child(1){font-size:15px}
.sxa__seg button:nth-child(2){font-size:19px}
.sxa__seg button:nth-child(3){font-size:24px}
.sxa__seg button:hover{border-color:rgba(22,35,43,.3)}
.sxa__seg button[aria-pressed="true"]{background:var(--sxa-bunker);color:var(--sxa-mint);border-color:var(--sxa-bunker)}

.sxa__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sxa__opt{
  position:relative;width:100%;min-height:76px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  padding:12px 8px;text-align:center;font-weight:700;font-size:14px;line-height:1.2;
  background:var(--sxa-salt);border:1.5px solid transparent;border-radius:12px;
  transition:background-color .14s ease,border-color .14s ease;
}
.sxa__opt:hover{border-color:rgba(22,35,43,.18)}
.sxa__opt[aria-pressed="true"]{background:var(--sxa-mint);border-color:var(--sxa-york)}
.sxa__on{
  position:absolute;top:7px;left:7px;width:18px;height:18px;border-radius:50%;
  display:none;place-items:center;background:var(--sxa-bunker);color:var(--sxa-mint);
}
.sxa__on svg{width:12px;height:12px;stroke-width:3}
.sxa__opt[aria-pressed="true"] .sxa__on{display:grid}

.sxa__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 4px}
.sxa__reset{
  display:inline-flex;align-items:center;gap:7px;padding:9px 12px;
  background:transparent;border:1.5px solid rgba(22,35,43,.16);border-radius:9px;font-weight:700;font-size:14px;
}
.sxa__reset:hover{border-color:var(--sxa-bunker)}
.sxa__reset svg{width:18px;height:18px}
.sxa__stmt{font-weight:700;font-size:14px;color:var(--sxa-bunker);text-decoration:underline;text-underline-offset:3px}
.sxa__hint{margin:0;padding:6px 14px 14px;font-size:12.5px;color:rgba(22,35,43,.55)}

@media (max-width:480px){
  .sxa{left:12px;bottom:12px}
  .sxa__panel{position:fixed;left:12px;right:12px;bottom:66px;width:auto}
}
@media (prefers-reduced-motion:reduce){
  .sxa__fab,.sxa__panel,.sxa__opt{transition:none}
}

/* ============================================================
   מצבי תצוגה. חלים על הדף בלבד, לא על התפריט עצמו.
   ============================================================ */

/* גודל טקסט: הגופנים בדף ב-px ו-clamp, לכן zoom ולא font-size על השורש */
html.sxa-z2 body > :not(.sxa){zoom:1.15}
html.sxa-z3 body > :not(.sxa){zoom:1.3}

/* שחור לבן */
html.sxa-gray body > :not(.sxa){filter:grayscale(1)}

/* עצירת אנימציות (הסרטונים והסרט הלוגואים נעצרים ב-JS) */
html.sxa-still{scroll-behavior:auto!important}
html.sxa-still *,html.sxa-still *::before,html.sxa-still *::after{
  animation-duration:.001ms!important;animation-iteration-count:1!important;
  transition-duration:.001ms!important;transition-delay:0s!important;
}

/* גופן קריא */
html.sxa-font body *:not(.sxa, .sxa *){font-family:Arial,"Segoe UI",sans-serif!important;letter-spacing:normal!important}

/* הדגשת קישורים וכפתורים */
html.sxa-links body a:not(.sxa *),html.sxa-links body button:not(.sxa *){
  text-decoration:underline!important;text-underline-offset:3px!important;text-decoration-thickness:2px!important;
  outline:3px solid #F5C400!important;outline-offset:2px!important;
}

/* הדגשת כותרות */
html.sxa-heads body :is(h1,h2,h3,h4):not(.sxa *){outline:2px dashed #F5C400!important;outline-offset:6px!important}

/* ריווח טקסט (WCAG 1.4.12) */
html.sxa-spacing body *:not(.sxa, .sxa *){line-height:1.8!important;letter-spacing:.08em!important;word-spacing:.16em!important}
html.sxa-spacing body p:not(.sxa *){margin-bottom:1.6em!important}

/* סמן גדול */
html.sxa-cursor,html.sxa-cursor *{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'%3E%3Cpath d='M3 2 9.5 20l2.6-7.4 7.4-2.6Z' fill='%23000' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 5 4,auto!important;
}

/* ניווט מקלדת: טבעת פוקוס עבה בכל אלמנט שמקבל פוקוס */
html.sxa-focus body *:not(.sxa *):focus{
  outline:4px solid #F5C400!important;outline-offset:3px!important;box-shadow:0 0 0 8px #000!important;
}

/* ---------- ניגודיות כהה ---------- */
html.sxa-dark body,
html.sxa-dark body *:not(.sxa, .sxa *){
  background-color:#000!important;color:#fff!important;border-color:#fff!important;
  text-shadow:none!important;box-shadow:none!important;
}
html.sxa-dark body *:not(.sxa, .sxa *):not(img,video,picture,iframe),
html.sxa-dark body *:not(.sxa *)::before,
html.sxa-dark body *:not(.sxa *)::after{background-image:none!important}
html.sxa-dark body :is(a,a *,button):not(.sxa, .sxa *){color:#FFEB3B!important}
html.sxa-dark body :is(.btn,button,input,select,textarea):not(.sxa *){border:2px solid #FFEB3B!important}
html.sxa-dark body ::placeholder{color:#bbb!important}
html.sxa-dark body label:has(input:checked):not(.sxa *){outline:2px solid #FFEB3B!important}
html.sxa-dark body img[src*="logos/"]{background-color:#fff!important;padding:6px!important;border-radius:6px!important}

/* ---------- ניגודיות בהירה ---------- */
html.sxa-light body,
html.sxa-light body *:not(.sxa, .sxa *){
  background-color:#fff!important;color:#000!important;border-color:#000!important;
  text-shadow:none!important;box-shadow:none!important;
}
html.sxa-light body *:not(.sxa, .sxa *):not(img,video,picture,iframe),
html.sxa-light body *:not(.sxa *)::before,
html.sxa-light body *:not(.sxa *)::after{background-image:none!important}
html.sxa-light body :is(a,a *,button):not(.sxa, .sxa *){color:#0033B3!important}
html.sxa-light body :is(.btn,button,input,select,textarea):not(.sxa *){border:2px solid #000!important}
html.sxa-light body label:has(input:checked):not(.sxa *){outline:2px solid #0033B3!important}
html.sxa-light body img[src*="white"]{filter:brightness(0)!important;background-color:transparent!important}

/* במצבי ניגודיות: מסתירים מדיה דקורטיבית שמתחת לטקסט */
html:is(.sxa-dark,.sxa-light) :is(.hero__media,.deco,.plat__planet){display:none!important}
