/* Section "avis clients" - contenu 100% PLACEHOLDER, a remplacer par de
   vrais avis avant la mise en ligne definitive (voir commentaire HTML
   au meme endroit dans front-page.php). */
.vri-avis {
  padding: 64px 24px;
  max-width: 1320px;
  margin: 0 auto;
}
.vri-avis__head {
  text-align: center;
  margin-bottom: 32px;
}
.vri-avis__kick {
  display: inline-flex;
  padding: 6px 16px;
  border: 1px solid rgba(25, 244, 229, 0.35);
  border-radius: 999px;
  color: #19f4e5;
  background: rgba(25, 244, 229, 0.06);
  font: 700 11px "Chakra Petch", Arial, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vri-avis__title {
  margin: 16px 0 0;
  color: #f2f0f7;
  font: 700 clamp(1.5rem, 3vw, 2.1rem) "Chakra Petch", Arial, sans-serif;
}
.vri-avis__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}
.vri-avis__card {
  padding: 24px;
  border: 1px solid rgba(25, 244, 229, 0.18);
  border-radius: 10px;
  background: #0a0c16;
}
.vri-avis__stars {
  color: #f6bf00;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.vri-avis__quote {
  margin: 0 0 16px;
  color: #f2f0f7;
  font: 400 14.5px/1.7 Manrope, Arial, sans-serif;
}
.vri-avis__author {
  color: #b9b7c2;
  font: 700 13px "Chakra Petch", Arial, sans-serif;
}

/* Logo plus grand demandé par le client : les feuilles historiques
   (vrinfini-home-bundle.css) plafonnent la hauteur du logo homepage a
   74px via !important, quelle que soit la largeur. Cette regle est
   chargee en dernier sur la homepage pour l'emporter definitivement. */
.custom-logo-link .custom-logo {
  width: 150px !important;
  max-height: none !important;
  height: auto !important;
}
@media (max-width: 767px) {
  .custom-logo-link .custom-logo {
    width: 120px !important;
  }
}