/* ============================================================
   BRENZ ACCESSIBILITY LAYER — WCAG 2.1 AA engineering measures
   Load on every page:  <link rel="stylesheet" href="assets/brenz-a11y.css">
   Pairs with shared/a11y.js.
   ============================================================ */

/* --- Visible keyboard focus (WCAG 2.4.7) ---
   The site's inline styles strip borders/outlines on custom buttons;
   this restores a clear, brand-colored focus ring for keyboard users
   without affecting mouse users (:focus-visible). */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #CA402B !important;
  outline-offset: 3px !important;
  border-radius: 2px;
}
/* On light sections the red ring needs a dark companion for contrast */
.brenz-tex-subway a:focus-visible,
.brenz-tex-subway button:focus-visible,
[style*="background: var(--brenz-white)"] a:focus-visible,
[style*="background: var(--brenz-white)"] button:focus-visible {
  outline-color: #8E2917 !important;
}

/* --- Skip link (WCAG 2.4.1) — injected by shared/a11y.js --- */
.brenz-skip-link {
  position: absolute;
  left: 16px;
  top: -60px;
  z-index: 9999;
  background: #CA402B;
  color: #F8F8F2;
  padding: 14px 22px;
  font-family: var(--font-sans, sans-serif);
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  transition: top 150ms ease;
}
.brenz-skip-link:focus {
  top: 16px;
}

/* --- Motion safety (WCAG 2.3.3) ---
   People who ask their OS to reduce motion get a still site: reveal
   animations, marquees, and transitions collapse to instant. The
   hero video and slideshow timers are handled in shared/a11y.js and
   WeeklySpecials.jsx. */
@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;
  }
}

/* --- Contrast floor for the dimmest text (WCAG 1.4.3) ---
   Small footnote text at 32–44% white on black fell below the 4.5:1
   ratio; lift it to a passing tone. (Scoped to the exact rgba values
   used for fine print — border-only matches are harmless since this
   only changes text color.) */
[style*="rgba(248,248,242,0.32)"],
[style*="rgba(248,248,242,0.35)"],
[style*="rgba(248,248,242,0.42)"],
[style*="rgba(248,248,242,0.44)"] {
  color: rgba(248, 248, 242, 0.66) !important;
}

/* --- Honor larger user font sizes without horizontal scroll --- */
html {
  -webkit-text-size-adjust: 100%;
}