/*!
 * Element Dental — WCAG 2.1 AA color-contrast fixes (issue #8)
 * Loaded site-wide by the ed-wcag-fixes.php mu-plugin, after all theme CSS.
 *
 * Only the `band-dark-alt` sections fail. The theme rule is:
 *   #main-content .et_pb_section.band-dark-alt {
 *     background-color: #8cbff2 !important;
 *     background-image: url(.../textura_gris.jpg); repeat; }
 * At desktop the mid-gray texture (avg #6B6E77, lightest pixel #70737C)
 * covers the band, so the white text passes (5.09:1 avg, 4.74:1 worst
 * pixel). At mobile, Divi's `mobile-no-bg` drops the image and the white
 * text lands on #8cbff2 — 1.94:1, an axe-confirmed serious violation
 * (needs 4.5:1 normal text / 3:1 large text).
 *
 * The `body` prefix outranks the theme selector's specificity, so this wins
 * regardless of stylesheet order.
 */

/* 1. Band fallback color: #8cbff2 -> #1875d3.
 *    Same hue/saturation as the original (hsl(210, 80%, L)), lightness
 *    75% -> 46%. Contrast vs the band's white text: 4.64:1 (>= 4.5:1 AA
 *    normal text; >= 3:1 AA large text). Desktop look is unchanged — the
 *    texture image still covers the band; this only changes what shows at
 *    mobile / while the image loads. */
body #main-content .et_pb_section.band-dark-alt {
  background-color: #1875d3 !important;
}

/* 2. Links inside the band. Theme sets `.band-dark-alt a { color:#acd5ff }`
 *    (pale blue): 3.33:1 on the desktop texture and 3.03:1 on the new
 *    fallback — both fail AA for the 18px/400 body links (insurance /
 *    association lists). White passes on both (5.09:1 / 4.64:1); the
 *    underline keeps links distinguishable from the surrounding white text
 *    (WCAG 1.4.1) now that color alone can't do it.
 *    `.btn-standard` / `.et_pb_button` are excluded: those pill buttons set
 *    their own background (white or #8cbff2) and dark text (#222 on #8cbff2
 *    = 8.22:1) and already pass. */
body #main-content .et_pb_section.band-dark-alt a:not(.btn-standard):not(.et_pb_button) {
  color: #ffffff !important;
  text-decoration: underline !important;
}
