/* LUKICH a11y menu — our own small accessibility menu (NOT a third-party overlay; legal F-3).
   It complements accessible code; it never claims the site is "fully accessible".
   Button: bottom, inline-end corner (left in RTL), above the page's mobile CTA bar (--lkc-bottom)
   and lifted above the cookie banner while it is open (--lka-lift, set by a11y.js).
   z 75: above banner (70), below mobile menu sheet (90) and cookie modal (95). */

.lka{--lka-z:75}
.lka-btn{position:fixed;z-index:var(--lka-z);inset-inline-end:12px;
  bottom:calc(12px + var(--lkc-bottom,0px) + var(--lka-lift,0px) + env(safe-area-inset-bottom));
  width:44px;height:44px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;
  background:rgba(22,16,30,.96);color:var(--lkc-text);box-shadow:inset 0 0 0 1px var(--lkc-hair-2),0 10px 26px -10px #000;
  transition:color .2s var(--lkc-ease),box-shadow .2s var(--lkc-ease),bottom .25s var(--lkc-ease)}
.lka-btn svg{width:24px;height:24px}
.lka-btn:hover,.lka-btn[aria-expanded="true"]{color:var(--lkc-copper);box-shadow:inset 0 0 0 1px rgba(232,158,131,.6),0 10px 26px -10px #000}
@media (min-width:900px){.lka-btn{inset-inline-end:24px;bottom:calc(24px + var(--lka-lift,0px))}}

.lka-panel{position:fixed;z-index:var(--lka-z);inset-inline-end:12px;
  bottom:calc(64px + var(--lkc-bottom,0px) + var(--lka-lift,0px) + env(safe-area-inset-bottom));
  width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 150px - var(--lkc-bottom,0px));overflow:auto;
  background:var(--lkc-panel);color:var(--lkc-text);border-radius:16px;padding:16px 16px 14px;
  box-shadow:inset 0 0 0 1px var(--lkc-hair-2),0 24px 60px -18px #000;font:400 15px/1.45 var(--lkc-f)}
.lka-panel[hidden]{display:none}
@media (min-width:900px){.lka-panel{inset-inline-end:24px;bottom:calc(78px + var(--lka-lift,0px));max-height:calc(100vh - 120px)}}
.lka-panel::before{content:"";position:absolute;top:0;inset-inline-start:20px;width:30px;height:2px;background:var(--lkc-copper)}
.lka-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.lka-top h2{margin:0;font:600 17px/1.3 var(--lkc-f)}
.lka-top h2:focus{outline:none}
.lka-x{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--lkc-muted);cursor:pointer;display:grid;place-items:center}
.lka-x svg{width:14px;height:14px}
.lka-x:hover{color:var(--lkc-copper)}
.lka-k{margin:0 0 6px;color:var(--lkc-muted);font-size:14px}
.lka-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.lka-seg button,.lka-list button,.lka-reset{font:500 15px/1.2 var(--lkc-f);color:var(--lkc-text);background:var(--lkc-panel-2);border:0;cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--lkc-hair-2);border-radius:10px;min-height:44px}
.lka-seg button[aria-pressed="true"]{background:var(--lkc-copper);color:var(--lkc-ink);box-shadow:none;font-weight:600}
.lka-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.lka-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;text-align:start}
.lka-list i{flex:none;width:34px;height:20px;border-radius:999px;background:var(--lkc-raised);box-shadow:inset 0 0 0 1px var(--lkc-hair-2);position:relative}
.lka-list i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:var(--lkc-muted);transition:inset-inline-start .2s var(--lkc-ease)}
.lka-list button[aria-pressed="true"] i{background:var(--lkc-copper)}
.lka-list button[aria-pressed="true"] i::after{inset-inline-start:17px;background:var(--lkc-ink)}
.lka-seg button:hover,.lka-list button:hover,.lka-reset:hover{box-shadow:inset 0 0 0 1px rgba(232,158,131,.6)}
.lka-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.lka-reset{padding:0 16px}
.lka-foot a{color:var(--lkc-text);text-decoration:underline;text-decoration-color:var(--lkc-copper);text-underline-offset:3px;padding:10px 0}

/* ---------- the preferences themselves (classes on <html>) ---------- */
/* text size: zoom scales the px-based pages as a whole and reflows (like browser zoom); the a11y UI itself is excluded */
html.lka-t1 body{zoom:1.12}
html.lka-t2 body{zoom:1.25}
html.lka-t1 .lka{zoom:calc(1/1.12)}
html.lka-t2 .lka{zoom:calc(1/1.25)}

/* high contrast: brighten every token the pages and chrome use, plain black ground, solid copper */
html.lka-hc{--text:#fff!important;--muted:#fff!important;--faint:#F2EFF6!important;--hair:#9A8FA8!important;--hair-2:#C9C0D4!important;
  --ground:#000!important;--night:#000!important;--panel:#0B0B0B!important;
  --lkc-text:#fff!important;--lkc-muted:#fff!important;--lkc-faint:#F2EFF6!important;--lkc-hair:#9A8FA8!important;--lkc-hair-2:#C9C0D4!important;
  --lkc-ground:#000!important;--lkc-panel:#0B0B0B!important;--lkc-panel-2:#141414!important}
html.lka-hc body{background:#000!important}
html.lka-hc :where(p,li,dd,dt,small,figcaption,summary,label,blockquote,td,th,span){color:#fff!important}
html.lka-hc :where(.btn-p,.lkc-btn-p,.pg-btn-p,.lka-seg [aria-pressed="true"]),
html.lka-hc :where(.btn-p,.lkc-btn-p,.pg-btn-p,.lka-seg [aria-pressed="true"]) *{color:#000!important}
html.lka-hc *{text-shadow:none!important}

/* links: always underlined + a visible frame on button-links */
html.lka-links a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important;text-decoration-color:currentColor!important}
html.lka-links a:where(.btn,.lkc-btn,.pg-btn){outline:2px dashed var(--lkc-copper);outline-offset:2px}

/* stop motion */
html.lka-still *,html.lka-still *::before,html.lka-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* readable font: plain system sans, a little more spacing */
html.lka-font body,html.lka-font body *:not(svg):not(svg *){font-family:Arial,"Arial Hebrew","Noto Sans Hebrew",sans-serif!important;letter-spacing:.01em!important;word-spacing:.06em}