/* רגעים - תפריט נגישות + באנר עוגיות. משתמש במשתני הצבע של style.css. */

.a11y-btn{
  position:fixed;
  bottom:20px;
  left:20px;
  z-index:998;
  width:52px;
  height:52px;
  border-radius:50%;
  background:var(--ink,#221E1B);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 16px rgba(0,0,0,.25);
}
.a11y-btn svg{width:26px;height:26px;}
.a11y-btn:focus-visible,.a11y-panel button:focus-visible{outline:3px solid var(--gold,#836835);outline-offset:2px;}

.a11y-panel{
  position:fixed;
  bottom:82px;
  left:20px;
  z-index:999;
  width:280px;
  max-width:calc(100vw - 40px);
  max-height:calc(100vh - 110px);
  overflow-y:auto;
  background:#fff;
  border:1px solid var(--line,#E7E0D6);
  border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,.2);
  font-family:'Rubik','Arial Hebrew',sans-serif;
}
.a11y-panel__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid var(--line,#E7E0D6);
}
.a11y-panel__close{font-size:22px;line-height:1;padding:2px 6px;}
.a11y-panel__body{padding:8px;display:flex;flex-direction:column;gap:6px;}
.a11y-row{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;padding:10px 12px;border-radius:8px;font-size:14px;text-align:right;
}
.a11y-toggle{border:1px solid var(--line,#E7E0D6);}
.a11y-toggle__mark{width:16px;height:16px;border-radius:50%;border:2px solid var(--taupe,#836F64);}
.a11y-toggle[aria-pressed="true"]{background:var(--cream-accent,#F1E6D2);border-color:var(--gold,#836835);}
.a11y-toggle[aria-pressed="true"] .a11y-toggle__mark{background:var(--gold,#836835);border-color:var(--gold,#836835);}
.a11y-font-btns{display:flex;gap:6px;}
.a11y-font-btns button{border:1px solid var(--line,#E7E0D6);border-radius:6px;padding:4px 10px;font-size:14px;}
.a11y-reset{
  margin-top:4px;padding:10px;border-radius:8px;background:var(--ink,#221E1B);color:#fff;
  font-size:14px;text-align:center;
}

/* --- מצבי תצוגה גלובליים --- */
/* ponytail: body{color}!important only reaches elements with no color of their own -
   most text on this site sets its own color (var(--ink) etc), so without targeting
   descendants directly that text stayed near-black on the new black background. */
html.a11y-contrast body,html.a11y-contrast body *{color:#fff !important;background-color:transparent !important;}
html.a11y-contrast body{background:#000 !important;}
html.a11y-contrast a{color:#ffe89e !important;}
html.a11y-contrast img{filter:grayscale(1) contrast(1.2);}
html.a11y-grayscale{filter:grayscale(1);}
html.a11y-underline a{text-decoration:underline !important;}
html.a11y-readable body,html.a11y-readable input,html.a11y-readable button{font-family:Arial,Helvetica,sans-serif !important;}
html.a11y-stop-anim *{animation-duration:0s !important;animation-iteration-count:1 !important;transition-duration:0s !important;scroll-behavior:auto !important;}
html.a11y-big-cursor,html.a11y-big-cursor *{cursor:crosshair !important;}

.a11y-guide-line{
  position:fixed;left:0;right:0;height:32px;
  margin-top:-16px;
  background:rgba(184,148,79,.35);
  border-top:2px solid var(--gold,#836835);
  border-bottom:2px solid var(--gold,#836835);
  z-index:997;
  pointer-events:none;
}

/* --- באנר עוגיות --- */
.cookie-banner{
  position:fixed;inset-inline:0;bottom:0;z-index:996;
  background:var(--ink,#221E1B);color:#fff;
  padding:16px 20px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;
  font-size:14px;
  box-shadow:0 -4px 16px rgba(0,0,0,.2);
}
.cookie-banner a{text-decoration:underline;text-decoration-color:var(--gold,#836835);color:#fff;}
.cookie-banner button{
  background:var(--gold,#836835);color:#fff;
  padding:9px 22px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;
}
.cookie-banner button:focus-visible{outline:3px solid #fff;outline-offset:2px;}