/* Module Testimonial — uniquement ce que mdb.css / global.css ne fournissent pas.
   Couleurs : toujours via les variables de global.css, jamais d'hexadécimal. */

/* Remplissage des étoiles au survol.
   Le kit Font Awesome est en mode webfont (kit.js → method: "css") : Solid et
   Regular partagent le même glyphe, seul le `font-weight` change (900 / 400).
   Survoler une étoile remplit donc toutes celles jusqu'à elle, sans JS :
     1. au survol du groupe, tout passe en plein ;
     2. les étoiles PLACÉES APRÈS celle survolée repassent en contour.
   Aucune règle hors survol : la note déjà choisie reste pilotée par les classes
   fa-solid / fa-regular posées en JS. */
#reviewStars:hover .review-star {
    font-weight: 900;
}

#reviewStars .review-star:hover ~ .review-star {
    font-weight: 400;
}

/* Citation : bordure d'accent à gauche, comme les encarts du blog. */
.testimonial-quote {
    border-left: 3px solid rgba(var(--bs-primary-rgb), 0.35);
    padding-left: 1rem;
}

/* Léger relief au survol, cohérent avec les cartes du reste du front. */
.testimonial-card {
    transition: transform 0.2s ease-in-out;
}

.testimonial-card:hover {
    transform: translateY(-2px);
}