/*
 * Readability fixes for colour clashes that exist on the original WordPress site
 * (from its "owner-directed contrast system" CSS, 2026-10-27). Loaded last in <head>
 * on every page by tools/import_wordpress.py, so these win over the imported styles.
 */

/* "Apply for South Bay" text links are styled as yellow buttons, but an older rule makes
   links in text blocks inherit the block's colour: yellow on yellow (/get-involved/) and
   white on yellow (/walk/). Give them the dark text the button style intends. */
html body:is(.page-id-8,.page-id-11,.page-id-2254,.page-id-2436,.page-id-2447,.page-id-446,.page-id-928,.page-id-995,.page-id-10) .elementor .elementor-widget-text-editor a[href="/south-bay-chapter-application/"][href] {
	color: #141513 !important;
}

/* /resources/: "start here" is yellow on a white card. (Links on the dark cards stay yellow.) */
html body.page-id-928 .elementor-928 .elementor-element-76fb46a .elementor-image-box-description a[href] {
	color: #141513 !important;
}

/* /partner-with-us/: three sections have a near-black background but kept near-black text. */
html body.page-id-995 .elementor-995 :is(.elementor-element-835e5c2, .elementor-element-0da40cc, .elementor-element-921b8eb)
	:is(.elementor-heading-title, .elementor-widget-text-editor, .elementor-image-box-title, .elementor-image-box-description, blockquote) {
	color: #ffffff !important;
}
html body.page-id-995 .elementor-995 :is(.elementor-element-835e5c2, .elementor-element-0da40cc, .elementor-element-921b8eb)
	.elementor-widget-text-editor :is(p, li, em, strong, span, h1, h2, h3, h4, h5, h6) {
	color: #ffffff !important;
}
html body.page-id-995 .elementor-995 :is(.elementor-element-835e5c2, .elementor-element-0da40cc, .elementor-element-921b8eb)
	.elementor-widget-text-editor a:not(.elementor-button):not([href="/south-bay-chapter-application/"]) {
	color: #F4EE35 !important;
}
/* Contact emails under "Robb Pollard" / "April Klazema" were navy on black. */
html body.page-id-995 .elementor-995 :is(.elementor-element-835e5c2, .elementor-element-0da40cc, .elementor-element-921b8eb)
	.elementor-icon-box-description a[href] {
	color: #F4EE35 !important;
}