/* FINAL GGV FOOTER WHATSAPP CTA
   Keep the CTA black with white text in every state.
   On hover/focus, use GGV yellow for the button background.
*/
footer.site-footer a[href*="wa.me"],
footer.site-footer a[href*="whatsapp"],
footer a.whatsapp,
footer a.whatsapp-btn,
footer .whatsapp,
footer .whatsapp-btn {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

footer.site-footer a[href*="wa.me"] *,
footer.site-footer a[href*="whatsapp"] *,
footer a.whatsapp *,
footer a.whatsapp-btn *,
footer .whatsapp *,
footer .whatsapp-btn * {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* Hover/focus: yellow background, white text remains readable */
footer.site-footer a[href*="wa.me"]:hover,
footer.site-footer a[href*="wa.me"]:focus-visible,
footer.site-footer a[href*="whatsapp"]:hover,
footer.site-footer a[href*="whatsapp"]:focus-visible,
footer a.whatsapp:hover,
footer a.whatsapp:focus-visible,
footer a.whatsapp-btn:hover,
footer a.whatsapp-btn:focus-visible,
footer .whatsapp:hover,
footer .whatsapp:focus-visible,
footer .whatsapp-btn:hover,
footer .whatsapp-btn:focus-visible {
  background: #f9c515 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

footer.site-footer a[href*="wa.me"]:hover *,
footer.site-footer a[href*="wa.me"]:focus-visible *,
footer.site-footer a[href*="whatsapp"]:hover *,
footer.site-footer a[href*="whatsapp"]:focus-visible *,
footer a.whatsapp:hover *,
footer a.whatsapp:focus-visible *,
footer a.whatsapp-btn:hover *,
footer a.whatsapp-btn:focus-visible *,
footer .whatsapp:hover *,
footer .whatsapp:focus-visible *,
footer .whatsapp-btn:hover *,
footer .whatsapp-btn:focus-visible * {
  color: #ffffff !important;
  fill: currentColor !important;
}