/* Shlomibee accessibility menu.
   Bottom-left mirror of the site's popup button (bottom-right). The defaults below match it per
   breakpoint so there is no jump; sba.js then sets --x/--b/--sz from the live button. */
#sba{--n:#180064;--p:#E8005F;--s:#F4F1FF;--sz:67px;--x:78px;--b:27px;position:fixed;left:var(--x);bottom:var(--b);z-index:2147483000;direction:rtl;font-family:polin,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.3;color:var(--n);text-align:right}
#sba *,#sba *::before,#sba *::after{box-sizing:border-box}
#sba button,#sba a{font:inherit;color:inherit;margin:0;letter-spacing:normal;text-transform:none;text-decoration:none;text-shadow:none;box-shadow:none;background-image:none;min-height:0;min-width:0;width:auto;transform:none}
#sba svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#sba :focus-visible{outline:3px solid var(--p)!important;outline-offset:2px!important}

#sba .sba-toggle{display:block;width:var(--sz);height:var(--sz);padding:0;border:0;border-radius:50%;background:none;transition:transform .15s ease}
#sba .sba-toggle:hover,#sba .sba-toggle[aria-expanded="true"]{background:none;transform:scale(1.06)}
#sba .sba-toggle img{display:block;width:100%;height:100%;pointer-events:none}

#sba .sba-panel{position:absolute;left:0;bottom:calc(var(--sz) + 12px);width:340px;max-height:calc(100vh - var(--b) - var(--sz) - 30px);overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:24px;box-shadow:0 20px 50px rgba(24,0,100,.25);animation:sba-in .18s ease-out}
#sba.sba-end .sba-panel{left:auto;right:0}
#sba .sba-panel[hidden]{display:none}
@keyframes sba-in{from{opacity:0;transform:translateY(8px)}}

#sba .sba-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 12px 12px;background:var(--n);color:#fff;border-radius:24px 24px 0 0}
#sba .sba-title{font-size:19px;font-weight:700}
#sba .sba-close{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center}
#sba .sba-close:hover{background:var(--p)}

#sba .sba-body{display:grid;gap:10px;padding:14px}
#sba .sba-statement{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:2px solid var(--n);border-radius:16px;background:#fff;color:var(--n);font-weight:700}
#sba .sba-statement span{flex:1;text-decoration:underline;text-underline-offset:3px}
#sba .sba-statement:hover{background:var(--n);color:#fff}
#sba .sba-size{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 12px;background:var(--s);border-radius:16px}
#sba .sba-size span{padding-right:6px;font-weight:700}
#sba .sba-size div{display:flex;align-items:center;gap:6px}
#sba .sba-size button{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--n);color:#fff;font-size:16px;font-weight:700;display:grid;place-items:center}
#sba .sba-size button:hover{background:var(--p)}
#sba .sba-size output{min-width:48px;text-align:center;font-weight:700}

#sba .sba-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#sba .sba-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:10px 6px;border:2px solid transparent;border-radius:16px;background:var(--s);color:var(--n);font-size:14px;line-height:1.2;text-align:center}
#sba .sba-opt:hover{border-color:rgba(24,0,100,.3)}
#sba .sba-opt[aria-pressed="true"]{background:var(--p);color:#fff}

#sba .sba-reset{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:10px 14px;border:0;border-radius:999px;background:var(--n);color:#fff;font-weight:700}
#sba .sba-reset svg{width:18px;height:18px}
#sba .sba-reset:hover{background:var(--p)}

@media (max-width:1024px){#sba{--sz:53px;--x:42px;--b:34px}}
@media (max-width:767px){#sba{--sz:47px;--x:19px;--b:29px}}
@media (max-width:480px){
	#sba .sba-panel,#sba.sba-end .sba-panel{position:fixed;left:8px;right:8px;bottom:calc(var(--b) + var(--sz) + 10px);width:auto;max-height:calc(100vh - var(--b) - var(--sz) - 24px)}
	#sba .sba-opt{min-height:70px}
}
@media (prefers-reduced-motion:reduce){#sba .sba-panel{animation:none}#sba .sba-toggle{transition:none}}

/* ---- modes (never touch the menu itself) ---- */
html.sba-mono{filter:grayscale(1)}

html.sba-dark,html.sba-dark body{background:#000!important}
html.sba-dark body :not(#sba,#sba *,img,video,picture,canvas,iframe,svg,svg *,:empty){background-color:#000!important;background-image:none!important}
html.sba-dark body :not(#sba,#sba *,img,video,picture,canvas,iframe,svg,svg *){color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#fff!important;text-shadow:none!important;box-shadow:none!important}
html.sba-dark body a:not(#sba *),html.sba-dark body a:not(#sba *) :not(img,svg,svg *){color:#ffd400!important;-webkit-text-fill-color:#ffd400!important;text-decoration:underline!important}

html.sba-light,html.sba-light body{background:#fff!important}
html.sba-light body :not(#sba,#sba *,img,video,picture,canvas,iframe,svg,svg *,:empty){background-color:#fff!important;background-image:none!important}
html.sba-light body :not(#sba,#sba *,img,video,picture,canvas,iframe,svg,svg *){color:#000!important;-webkit-text-fill-color:#000!important;border-color:#000!important;text-shadow:none!important;box-shadow:none!important}
html.sba-light body a:not(#sba *),html.sba-light body a:not(#sba *) :not(img,svg,svg *){color:#0000cc!important;-webkit-text-fill-color:#0000cc!important;text-decoration:underline!important}

html.sba-links body a:not(#sba *){text-decoration:underline!important;text-underline-offset:3px!important;outline:3px solid #ffd400!important;outline-offset:1px!important;box-shadow:0 0 0 5px #000!important}

html.sba-headings body :is(h1,h2,h3,h4,h5,h6,[role=heading]):not(#sba *){outline:3px dashed #E8005F!important;outline-offset:4px!important}

html.sba-font body :not(#sba,#sba *,i,svg,svg *,[class*="fa-"],[class*="eicon"],[class*="dashicons"]){font-family:Arial,Helvetica,sans-serif!important}

html.sba-spacing body :not(#sba,#sba *,svg,svg *){line-height:1.6!important;letter-spacing:.05em!important;word-spacing:.16em!important}

html.sba-motion :not(#sba *),html.sba-motion :not(#sba *)::before,html.sba-motion :not(#sba *)::after{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}

html.sba-cursor,html.sba-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='M4 2l16 9-7 2-3 7z' fill='%23000' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 7 3,auto!important}
html.sba-cursor :is(a,button,[role=button],label,select,summary),html.sba-cursor :is(a,button,[role=button],label,select,summary) *{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='M4 2l16 9-7 2-3 7z' fill='%23E8005F' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 7 3,pointer!important}

html.sba-focus body :focus:not(#sba *){outline:4px solid #ffd400!important;outline-offset:2px!important;box-shadow:0 0 0 7px #000!important}
