/* Dark labels and marks keep the existing WhatsApp green readable. */
html body :is(
  .ts-menu-whatsapp,
  .ts-button--whatsapp,
  .ts-contact-method--primary[href*="wa.me"],
  .ts-footer-action--whatsapp,
  .ts-whatsapp-float,
  .mc17-hero-whatsapp,
  .cb18-whatsapp-round,
  .mc11-whatsapp--round,
  .ts-direct-contact__options .ts-button.mc11-whatsapp,
  .mc2-support-contact-quick > a.mc11-whatsapp,
  .mc-related > a.mc11-whatsapp,
  button.mc11-whatsapp[type="submit"],
  .mc2-support-contact-form .ts-enquiry-form button.ts-button.mc11-whatsapp
):not(.ts-site-header *) {
  color: #111 !important;
}

html body :is(
  .ts-menu-whatsapp,
  .ts-button--whatsapp,
  .ts-contact-method--primary[href*="wa.me"],
  .ts-footer-action--whatsapp,
  .ts-whatsapp-float,
  .mc17-hero-whatsapp,
  .cb18-whatsapp-round,
  .mc11-whatsapp--round,
  .ts-direct-contact__options .ts-button.mc11-whatsapp,
  .mc2-support-contact-quick > a.mc11-whatsapp,
  .mc-related > a.mc11-whatsapp,
  button.mc11-whatsapp[type="submit"],
  .mc2-support-contact-form .ts-enquiry-form button.ts-button.mc11-whatsapp
):not(.ts-site-header *) :is(
  .ts-whatsapp-control__label,
  .ts-button-whatsapp__label,
  .ts-contact-methods__whatsapp-label,
  .mc11-wa-label,
  svg
) {
  color: #111 !important;
}

html body :is(
  .ts-menu-whatsapp,
  .ts-button--whatsapp,
  .ts-contact-method--primary[href*="wa.me"],
  .ts-footer-action--whatsapp,
  .ts-whatsapp-float,
  .mc17-hero-whatsapp,
  .cb18-whatsapp-round,
  .mc11-whatsapp--round,
  .ts-direct-contact__options .ts-button.mc11-whatsapp,
  .mc2-support-contact-quick > a.mc11-whatsapp,
  .mc-related > a.mc11-whatsapp,
  button.mc11-whatsapp[type="submit"],
  .mc2-support-contact-form .ts-enquiry-form button.ts-button.mc11-whatsapp
):not(.ts-site-header *) :is(img[src$="/whatsapp.svg"], svg) {
  filter: brightness(0) !important;
}

@media (min-width: 761px) {
  html body header.ts-site-header .ts-header-actions > a[href*="wa.me/"]:not(.ts-mobile-header-whatsapp),
  html body header.ts-site-header .ts-header-actions > a[href*="wa.me/"]:not(.ts-mobile-header-whatsapp) > span {
    color: #111 !important;
  }

  html body header.ts-site-header .ts-header-actions > a[href*="wa.me/"]:not(.ts-mobile-header-whatsapp) > img[src$="/whatsapp.svg"] {
    filter: brightness(0) !important;
  }
}
