/* ============================================================
   נגישות + באנר עוגיות — סגנונות משותפים לכל עמודי האתר
   ============================================================ */

/* ---- מצבי תצוגה ---- */
html.a11y-grayscale { filter: grayscale(1); }
html.a11y-contrast { filter: invert(1) hue-rotate(180deg); }
html.a11y-contrast img,
html.a11y-contrast .slide,
html.a11y-contrast [style*="background-image"],
html.a11y-contrast iframe,
html.a11y-contrast svg { filter: invert(1) hue-rotate(180deg); }
html.a11y-grayscale.a11y-contrast { filter: grayscale(1) invert(1) hue-rotate(180deg); }

html.a11y-readable, html.a11y-readable * {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  letter-spacing: .01em !important;
}

html.a11y-links a {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  outline: 2px solid #B8946A;
  outline-offset: 2px;
}

html.a11y-noanim *, html.a11y-noanim *::before, html.a11y-noanim *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

/* ---- ווידג'ט נגישות ---- */
.a11y-panel { transform: translateY(12px); opacity: 0; pointer-events: none; transition: transform .25s ease, opacity .25s ease; }
.a11y-panel.is-open { transform: none; opacity: 1; pointer-events: auto; }
.a11y-opt { transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.a11y-opt.is-active { background-color:#B8946A; border-color:#B8946A; color:#0B1B2D; font-weight:600; }
.a11y-press:active { transform: scale(.97); }

/* ---- באנר עוגיות ---- */
.cookie-bar { transform: translateY(140%); transition: transform .45s cubic-bezier(.22,.61,.36,1); }
.cookie-bar.is-visible { transform: none; }

@media (prefers-reduced-motion: reduce) {
  .a11y-panel, .cookie-bar { transition: none !important; }
  .a11y-press:active { transform: none; }
}
