/*
 * Patch 021 — Comptabilité filled CTA text contrast
 * Scope: page #218 only.
 *
 * Root cause:
 * `.rp-btn` and `.rp-hero-card-cta` correctly define `color: navy`,
 * but another late rule can leave a gold `-webkit-text-fill-color`
 * on anchor text. On a gold background that makes CTA labels nearly
 * invisible. Lock both color channels on filled-gold CTA surfaces.
 */

body.r111-object-218 .rp-page a.rp-btn,
body.r111-object-218 .rp-page a.rp-btn:link,
body.r111-object-218 .rp-page a.rp-btn:visited,
body.r111-object-218 .rp-page a.rp-btn:hover,
body.r111-object-218 .rp-page a.rp-btn:focus,
body.r111-object-218 .rp-page a.rp-btn:active,
body.page-id-218 .rp-page a.rp-btn,
body.page-id-218 .rp-page a.rp-btn:link,
body.page-id-218 .rp-page a.rp-btn:visited,
body.page-id-218 .rp-page a.rp-btn:hover,
body.page-id-218 .rp-page a.rp-btn:focus,
body.page-id-218 .rp-page a.rp-btn:active,
body.r111-object-218 .rp-page a.rp-hero-card-cta,
body.r111-object-218 .rp-page a.rp-hero-card-cta:link,
body.r111-object-218 .rp-page a.rp-hero-card-cta:visited,
body.r111-object-218 .rp-page a.rp-hero-card-cta:hover,
body.r111-object-218 .rp-page a.rp-hero-card-cta:focus,
body.r111-object-218 .rp-page a.rp-hero-card-cta:active,
body.page-id-218 .rp-page a.rp-hero-card-cta,
body.page-id-218 .rp-page a.rp-hero-card-cta:link,
body.page-id-218 .rp-page a.rp-hero-card-cta:visited,
body.page-id-218 .rp-page a.rp-hero-card-cta:hover,
body.page-id-218 .rp-page a.rp-hero-card-cta:focus,
body.page-id-218 .rp-page a.rp-hero-card-cta:active {
  color: #0f2340 !important;
  -webkit-text-fill-color: #0f2340 !important;
  opacity: 1 !important;
  text-decoration-color: transparent !important;
}

/* Keep the intended filled-gold surface in every interaction state. */
body.r111-object-218 .rp-page a.rp-btn,
body.r111-object-218 .rp-page a.rp-hero-card-cta,
body.page-id-218 .rp-page a.rp-btn,
body.page-id-218 .rp-page a.rp-hero-card-cta {
  background-color: #d4af37;
}

body.r111-object-218 .rp-page a.rp-btn:hover,
body.r111-object-218 .rp-page a.rp-btn:focus,
body.r111-object-218 .rp-page a.rp-hero-card-cta:hover,
body.r111-object-218 .rp-page a.rp-hero-card-cta:focus,
body.page-id-218 .rp-page a.rp-btn:hover,
body.page-id-218 .rp-page a.rp-btn:focus,
body.page-id-218 .rp-page a.rp-hero-card-cta:hover,
body.page-id-218 .rp-page a.rp-hero-card-cta:focus {
  background-color: #e2c766;
}