/* Loads last, after styles.css and the Tailwind CDN, so it wins ties.
   Green bands + footer: everything white and bold, matching the
   "24/7 Emergency" treatment the owner uses as the reference. */
footer.section-brand,
footer.section-brand p,
footer.section-brand a,
footer.section-brand .section-brand__label,
footer.section-brand .footer-copyright,
footer.section-brand .footer-brand,
footer.section-brand .footer-brand p,
footer.section-brand .footer-brand a,
.section-brand .section-brand__lead,
.section-brand .section-brand__label,
.section-brand .trust-badge,
.section-brand .section-brand__link,
.section-brand .section-brand__link span {
  color: #fff !important;
  font-weight: 700 !important;
}

.section-brand > p,
.section-brand > div > p {
  color: #fff !important;
  font-weight: 700 !important;
}

/* Headings on the green bands are white now that the bands are dark green.
   Beats any leftover text-[#1a2605] utility still sitting in the markup. */
.section-brand h1,
.section-brand h2,
.section-brand h3,
.section-brand h1 span,
.section-brand h2 span,
.section-brand h3 span,
.hero-on-green h1,
.hero-on-green h2,
.hero-on-green h3,
.hero-on-green h1 span,
.hero-on-green h2 span,
.hero-on-green h3 span {
  color: #fff !important;
}

/* Except the cream-filled buttons, which keep dark text on their own panel. */
.section-brand a[class*="bg-[#F4F3EF]"],
.section-brand a[class*="bg-[#F4F3EF]"] span,
.section-brand a[class*="bg-[#F4F3EF]"] [class*="text-[#1a2605]"] {
  color: #1a2605 !important;
}

/* …but those buttons invert to a dark fill on hover, so the label must go
   light again or it would be dark-on-dark. */
.section-brand a[class*="bg-[#F4F3EF]"]:hover,
.section-brand a[class*="bg-[#F4F3EF]"]:hover span,
.section-brand a[class*="bg-[#F4F3EF]"]:focus-visible,
.section-brand a[class*="bg-[#F4F3EF]"]:focus-visible span {
  color: #8fcf0f !important;
}

/* The logo sits on its own white card, so keep it opaque and unfiltered. */
footer.section-brand .footer-logo {
  opacity: 1 !important;
}