/* ============ OVERRIDES VERT (sans toucher le HTML) ============ */

/* 1) Remplace les bleus des dots */
.about-slider-dot.is-active{
  background-color: rgba(34,197,94,.9) !important;
}

.terrain-dot.is-active{
  background-color: rgba(34,197,94,.9) !important;
}

/* 2) Remplace les bordures bleues au hover */
.card-hover:hover{
  border-color: rgba(34,197,94,.6) !important;
}
article.bg-brand-card:hover{
  border-color: rgba(34,197,94,.6) !important;
}

/* 3) Header scrolled (si tu veux vert foncé au scroll) */
.header-scrolled{
  background-color: rgba(6,95,70,.98) !important;
}

/* 4) IMPORTANT : écraser hover:bg-blue-50 (Tailwind) sans modifier le HTML
   On cible les boutons/links qui ont ton style (fs-btn + btn-hover-lift). */
a.fs-btn.btn-hover-lift:hover,
#mobileMenu a.fs-btn.btn-hover-lift:hover{
  background-color: rgba(240,253,244,1) !important; /* green-50 */
}