/* Linkkleuren voor fluidcare.nl.
 *
 * Vervangt de WordPress-standaard linkkleur (#CC3366, magenta) door de huisstijlkleur.
 * De site gebruikt zelf al het groen #78B184 voor knoppen en voor de footer-kop.
 *
 * Waarom twee tinten van dezelfde kleur: geen enkele groentint is op zowel wit als op de
 * donkere footer leesbaar. Dit is dezelfde aanpak die de site zelf al gebruikt, alleen dan
 * consequent doorgetrokken naar de links.
 *
 *   op wit    #3F6B4A   6,15:1  (WCAG AA ruim gehaald)
 *   op donker #78B184   6,78:1  (exact de tint die de footer-kop al heeft)
 *
 * De oude magenta haalde op de donkere footer maar 3,41:1 en was daar slecht leesbaar.
 *
 * LET OP de volgorde: de footer-regels moeten NA de algemene regel staan. De klasse
 * .contact-link heeft evenveel gewicht als een element- plus klassenselector, dus bij
 * gelijke specificiteit beslist de volgorde. Stond de algemene regel onderaan, dan won
 * die en bleef het e-mailadres in de footer donker.
 *
 * Wat NIET geraakt wordt: het menu, de knoppen, en de opmaak verder.
 */

/* --- op lichte achtergrond ------------------------------------------------- */
a.contact-link,
p > a[href^="tel:"],
p > a[href^="mailto:"],
.elementor-widget-text-editor p > a[href^="mailto:"] {
  color: #3F6B4A;
}

a.contact-link:hover,
p > a[href^="tel:"]:hover,
p > a[href^="mailto:"]:hover,
.elementor-widget-text-editor p > a[href^="mailto:"]:hover {
  color: #2C4D35;
}

/* --- op de donkere footer: lichtere tint van dezelfde kleur ----------------- */
footer a.contact-link,
footer p > a[href^="tel:"],
footer p > a[href^="mailto:"],
.elementor-location-footer a.contact-link,
.elementor-location-footer p > a[href^="tel:"],
.elementor-location-footer p > a[href^="mailto:"] {
  color: #78B184;
}

footer a.contact-link:hover,
footer p > a[href^="tel:"]:hover,
footer p > a[href^="mailto:"]:hover,
.elementor-location-footer a.contact-link:hover,
.elementor-location-footer p > a[href^="tel:"]:hover,
.elementor-location-footer p > a[href^="mailto:"]:hover {
  color: #98C7A3;
}

/* de "Ga naar de inhoud"-link is alleen voor toetsenbordgebruikers */
a.skip-link,
a.screen-reader-text:focus {
  color: #3F6B4A;
}

/* logo-links bevatten alleen een afbeelding; de kleur is onzichtbaar maar hoort niet
   in de standaard magenta te blijven staan */
a:has(> img) {
  color: inherit;
}

/* De "Mail ons"-knop is een echte knop met een mailto-link. Die houdt de knopstijl
   (groene achtergrond, witte tekst) en krijgt niet de linkkleur. */
a.elementor-button,
a.elementor-button:visited,
a.elementor-button:hover,
a.elementor-button:focus {
  color: #FFFFFF;
}