/* מאור · נגישות — accessibility layer. To remove it, delete the a11y line in each page (or this folder). */
.a11y-skip{position:fixed;top:-60px;right:16px;z-index:10000;background:#2B2723;color:#F9F9F6;padding:12px 20px;border-radius:0 0 10px 10px;font:500 15px/1 "Heebo",system-ui,sans-serif;text-decoration:none;transition:top .2s}
.a11y-skip:focus{top:0;outline:2px solid #A68A5B;outline-offset:2px}

.a11y-btn{position:fixed;left:14px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:9000;width:44px;height:44px;border-radius:50%;border:1px solid rgba(166,138,91,.38);background:rgba(249,249,246,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#97784A;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(43,39,35,.12);transition:transform .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent;padding:0}
.a11y-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(43,39,35,.16)}
.a11y-btn:focus-visible{outline:2px solid #2B2723;outline-offset:3px}
.a11y-btn svg{width:28px;height:28px}

.a11y-panel{position:fixed;left:14px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:9001;width:min(300px,calc(100vw - 28px));background:#FCF8F1;border:1px solid rgba(166,138,91,.35);border-radius:18px;box-shadow:0 24px 50px -18px rgba(43,39,35,.35);padding:18px 18px 14px;direction:rtl;font-family:"Heebo",system-ui,sans-serif;color:#2B2723;opacity:0;transform:translateY(10px) scale(.98);transform-origin:bottom left;pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}
.a11y-panel.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s ease,transform .25s ease}
.a11y-panel h2{font:500 17px/1.2 "Heebo",system-ui,sans-serif;margin:0 0 4px;color:#2B2723}
.a11y-panel .a11y-sub{font-size:13px;color:#5E554D;margin:0 0 14px}
.a11y-x{position:absolute;left:12px;top:12px;width:32px;height:32px;border:0;background:none;border-radius:50%;color:#5E554D;cursor:pointer;display:grid;place-items:center}
.a11y-x:hover{background:rgba(43,39,35,.06)}
.a11y-x svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.a11y-size{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid rgba(43,39,35,.1);border-radius:12px;margin-bottom:8px;font-size:15px}
.a11y-size div{display:flex;gap:6px}
.a11y-size button{width:36px;height:32px;border-radius:9px;border:1px solid rgba(43,39,35,.15);background:#fff;color:#2B2723;font:500 15px/1 "Heebo",sans-serif;cursor:pointer}
.a11y-size output{min-width:44px;text-align:center;font-size:14px;color:#5E554D}
.a11y-opt{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;margin-bottom:8px;border:1px solid rgba(43,39,35,.1);border-radius:12px;background:#fff;color:#2B2723;font:400 15px/1.2 "Heebo",system-ui,sans-serif;cursor:pointer;text-align:right}
.a11y-opt i{width:34px;height:20px;border-radius:99px;background:#DDD6CB;position:relative;flex:none;transition:background .2s}
.a11y-opt i::after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:right .2s}
.a11y-opt[aria-pressed="true"] i{background:#97784A}
.a11y-opt[aria-pressed="true"] i::after{right:17px}
.a11y-panel button:focus-visible,.a11y-panel a:focus-visible{outline:2px solid #2B2723;outline-offset:2px}
.a11y-foot{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:13px}
.a11y-foot a{color:#6E5634;text-decoration:underline}
.a11y-reset{border:0;background:none;color:#5E554D;font:400 13px "Heebo",sans-serif;cursor:pointer;text-decoration:underline;padding:4px}

/* high contrast is applied by a11y.js: only dark-grey / gold text on light backgrounds gets deeper; white text on pictures and dark buttons is left alone */
html.a11y-contrast .nav.solid{background:#F9F9F6!important}
html.a11y-contrast *{text-shadow:none!important}
html.a11y-contrast .a11y-panel *,html.a11y-contrast .brand-ov *{text-shadow:revert!important}

/* highlighted links */
html.a11y-links a:not(.pill):not(.brand):not(.lockl){text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px!important}
html.a11y-links a:focus,html.a11y-links button:focus{outline:3px solid #97784A!important;outline-offset:2px}

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

/* phones: when the sound button sits in the same corner, the accessibility button sits just above it */
html.a11y-has-snd .a11y-btn{bottom:calc(70px + env(safe-area-inset-bottom))}
html.a11y-has-snd .a11y-panel{bottom:calc(124px + env(safe-area-inset-bottom))}