/**
 * Accessibility / Color Contrast Fixes
 *
 * Targets WCAG AA color-contrast violations flagged by Lighthouse.
 * Loaded sitewide (not gated to modern-nav). Uses !important sparingly to
 * override Divi inline styles (style="color: #...").
 */

/* ============================================
   Footer link colors — brand blue on light gray
   ============================================
   #4995d1 on #e6e7e8 = 2.6:1  (need 4.5:1)
   Darken to #2c6ba1 = 4.6:1 on #e6e7e8.
   Targets phone/email/maps inline-styled links in the footer.
*/
#main-footer a[style*="color: #4995d1"],
#main-footer a[style*="color:#4995d1"],
#main-footer a[style*="color: #4995D1"],
.et_pb_section a[style*="color: #4995d1"],
.et_pb_section a[style*="color:#4995d1"] {
	color: #2c6ba1 !important;
}

/* ============================================
   Bright cyan link on light gray
   ============================================
   #00ccff on #f5f5f7 = 1.74:1 (need 4.5:1)
   Replace with brand blue darkened.
*/
a[style*="color: #00ccff"],
a[style*="color:#00ccff"],
a[style*="color: #00CCFF"] {
	color: #2c6ba1 !important;
}

/* ============================================
   Light gray paragraph text on near-white
   ============================================
   #808285 on #f5f5f7 = 3.53:1 (need 4.5:1)
   Darken to #595c5e = 5.4:1.
*/
#main-footer p[style*="color: #808285"],
#main-footer p[style*="color:#808285"],
.et_pb_text p[style*="color: #808285"] {
	color: #595c5e !important;
}

/* ============================================
   Light gray text on dark gray background
   ============================================
   #e6e7e8 on #808285 = 3.11:1 (need 4.5:1)
   Lighten the foreground.
*/
.et_pb_section[style*="background-color: #808285"] *[style*="color: #e6e7e8"],
.et_pb_section[style*="background:#808285"] *[style*="color:#e6e7e8"] {
	color: #ffffff !important;
}

/* ============================================
   Carousel arrow accessible names (Divi sliders)
   ============================================
   <a class="et-pb-arrow-prev"> with no text or aria-label
   Add visually-hidden text via ::after for SR users.
*/
.et-pb-arrow-prev::after,
.et-pb-arrow-next::after {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	font-size: 0;
}

.et-pb-arrow-prev::after { content: "Previous slide"; }
.et-pb-arrow-next::after { content: "Next slide"; }