/* ==========================================================================
   Accessibility fixes — WCAG 2.1 AA
   Added 2 Sep 2026. Each block notes the criterion it addresses.
   ========================================================================== */

/* 1.4.3 Contrast — the mid grey (#767676) passed on white but not on the
   cream backgrounds. Darkened to clear 4.5:1. */
.navigation-top a[aria-current="page"],
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a,
.navigation-top .current-menu-ancestor > a {
	color: #6b6b6b;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: #5f5f5f;
}

/* 1.4.3 Contrast — header wordmark is white over a photograph with nothing
   behind it. Bottom-weighted scrim + shadow so it holds on light frames. */
.custom-header-media::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 45%, rgba(0,0,0,0.55) 100%);
	pointer-events: none;
	z-index: 1;
}

.site-branding {
	position: relative;
	z-index: 2;
}

.site-title a,
.site-description {
	text-shadow: 0 1px 4px rgba(0,0,0,0.8);
}

/* 2.5.8 Target Size (Minimum) — footer phone/address links were 17px tall. */
#colophon a[href^="tel:"],
#colophon a[href*="maps.google"],
#colophon a[href*="google.com/maps"],
#colophon a[href^="mailto:"] {
	display: inline-block;
	padding: 6px 0;
	min-height: 24px;
}

#colophon .menu-item a {
	display: inline-block;
	padding: 4px 0;
	min-height: 24px;
}

/* 2.4.7 / 2.4.13 Focus — replaces the browser's 1px dotted default with a
   ring that stays visible on cream and over photographs. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #222222;
	outline-offset: 2px;
	box-shadow: 0 0 0 6px rgba(255,255,255,0.95);
	border-radius: 2px;
}

/* 1.4.3 Contrast — Whole Foods store locator. The brand gold (#b8860b) was
   3.25:1 behind white badge text and 3.05:1 as body text on cream. */
.ztb-locator {
	--accent: #8a6508 !important;
}

.ztb-locator .ztb-head h2,
.ztb-locator .ztb-store h3 {
	color: #1a1a1a;
}

/* 2.3.3 — honour the operating system's reduce-motion 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;
	}
}