/* KPIbara — accessibility layer for Hebrew pages (IS 5568 / WCAG 2.0–2.1 AA)
   Loaded after each page's own <style>. */

/* 1. Contrast-safe tokens (terracotta text/buttons ≥4.5:1, grey body text on light ≥4.5:1) */
html[lang="he"] {
  --terra: #A55636;
  --muted-n: rgba(12, 30, 56, 0.8);
}

/* 2. Skip link */
.skip-link {
  position: absolute; inset-inline-start: 12px; top: -200px; z-index: 10000;
  background: #FAF7F2; color: #0C1E38; border: 2px solid #D4AC28; border-radius: 4px;
  padding: 12px 20px; font: 700 15px/1.2 Heebo, system-ui, sans-serif; text-decoration: none;
}
.skip-link:focus { top: 12px; }
#main-content:focus { outline: none; }

/* 3. Visible keyboard focus (two-tone: visible on dark and light backgrounds) */
:focus-visible {
  outline: 3px solid #D4AC28 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #0C1E38 !important;
}

/* 4. Keyboard access to desktop dropdown */
.nav-dropdown:focus-within .nd-menu { display: block; }
.nav-dropdown.kbd-closed .nd-menu { display: none !important; }

/* 5. Links inside running text are underlined (not colour-only) */
main p a:not([class]), main li a:not([class]), .breadcrumb a, footer .fc a { text-decoration: underline !important; text-underline-offset: 2px; }

/* 6. Contrast fixes for low-opacity gold / grey text */
.breadcrumb { color: rgba(245, 240, 232, 0.72) !important; }
.breadcrumb a,
.art-tag, .cta-label, .hero-eyebrow, .dark-sec .sec-label, .hero .sec-label,
.ph-b2, .wc-b2, .footer-tagline, .footer-domain { color: #D4AC28 !important; }
.dark-sec .callout-label { color: #E0906C !important; }
.footer-copy, .form-note { color: rgba(245, 240, 232, 0.72) !important; }
footer.a11y-dark .fc { color: rgba(245, 240, 232, 0.72) !important; }
.form-body input::placeholder, .form-body textarea::placeholder { color: rgba(245, 240, 232, 0.62) !important; }
.light-sec strong, .slate-sec strong { color: #0C1E38 !important; }
.light-sec .sec-h2 em, .slate-sec .sec-h2 em { color: var(--terra) !important; }
.proof em, .light-sec em { color: #8A6D0C; }
.light-sec .wc-b2, .slate-sec .wc-b2 { color: #6E5507 !important; }

/* 7. Visually-hidden helper (labels for screen readers) */
.sr-only {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* 8. Respect reduced-motion OS setting */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important; animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important; scroll-behavior: auto !important;
  }
}