/* CSS | TESTIMONIAL BASE ------------------------------------------------------ */
.testimonial-fair-future{
  background-color:#f9f9f9 !important;
  border:1px solid #e0e0e0 !important;
  border-radius:5px !important;
  box-shadow:0 2px 4px rgba(0,0,0,.05) !important;
  padding:20px !important;
  margin-bottom:20px !important;
  display:flex !important;
  align-items:center !important;
  gap:15px; /* espace entre l’avatar et le contenu */
  transition:transform .3s ease, box-shadow .3s ease !important;
}
.testimonial-fair-future:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 4px 8px rgba(0,0,0,.1) !important;
}

/* Avatar */
.testimonial-fair-future .et_pb_testimonial_portrait{
  width:60px !important;
  height:60px !important;
  border-radius:50% !important;
  overflow:hidden;                 /* s’assure que le rond “clipse” l’image */
  flex-shrink:0 !important;
  box-shadow:0 2px 4px rgba(0,0,0,.1) !important;
}
.testimonial-fair-future .et_pb_testimonial_portrait img{
  width:100%; height:100%; object-fit:cover; border-radius:50%;
}

/* Contenu (couvre ton .testimonial-content et le sélecteur Divi standard) */
.testimonial-fair-future .testimonial-content,
.testimonial-fair-future .et_pb_testimonial_content{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

/* Auteur */
.testimonial-fair-future .et_pb_testimonial_author{
  font-size:16px !important;
  font-weight:600 !important;
  color:#333 !important;
  margin:0 0 5px !important;
}

/* Rôle / méta */
.testimonial-fair-future .et_pb_testimonial_meta{
  font-size:14px !important;
  font-weight:400 !important;
  color:#555 !important;
  margin:0 0 10px !important;
}

/* Texte du témoignage */
.testimonial-fair-future .et_pb_testimonial_description{
  font-size:14px !important;
  line-height:1.5 !important;      /* sans unité */
  color:#666 !important;
  font-style:italic !important;
}

/* Respect des préférences d’animation (optionnel) */
@media (prefers-reduced-motion: reduce){
  .testimonial-fair-future{ transition:none !important; }
}

/* CSS | SLIDER TESTIMONIES (verified 27.05.25) --------------------- */
.fff-testimonial-slider .et_pb_slide{
  background-color:#ffffff !important;
  padding:50px 30px !important;
  color:#333333 !important;
  text-align:left !important;
  box-shadow:0 2px 8px rgba(0,0,0,.05) !important;
  transition: background-color .3s ease;
}

/* Title */
.fff-testimonial-slider .et_pb_slide h2{
  font-size:1.5rem !important;
  font-weight:600 !important;
  color:#252729 !important;
  text-align:left !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  line-height:1.3 !important;
  text-shadow:none !important;
}

/* Content / Excerpt (encart) */
.fff-testimonial-slider .et_pb_slide_content,
.fff-testimonial-slider .et_pb_slide p{
  font-size:1rem !important;
  line-height:1.6 !important;
  color:#555555 !important;
  text-align:justify !important;
  max-width:800px !important;
  margin-left:0 !important;
  text-shadow:none !important;
}
.fff-testimonial-slider .et_pb_slide_content{
  position:relative !important;
  padding:30px 20px 20px 20px !important;
  font-style:italic !important;
  color:#444 !important;
  background-color:#f9f9f9 !important;
  border:1px solid rgba(221,221,221,.7) !important;
  border-radius:4px !important;
  min-height:80px !important;
}
/* Guillemets décoratifs */
.fff-testimonial-slider .et_pb_slide_content::before{
  content:"“";
  position:absolute !important;
  top:10px; left:15px;
  font-size:4.5rem !important;
  font-weight:bold !important;
  color:#4267b2 !important;
  font-family:Georgia, serif !important;
  opacity:.2 !important;
  line-height:1 !important;
  pointer-events:none !important;
}

/* Pagination */
.fff-testimonial-slider .et-pb-slider-pagination li{
  width:10px; height:10px;
  background-color:#ccc !important;
  margin:0 4px !important;
  border-radius:50%;
  transition: background-color .3s ease;
}
.fff-testimonial-slider .et-pb-slider-pagination li.et-pb-active-slide{
  background-color:#ae2012 !important;
}

/* Arrows */
.fff-testimonial-slider .et-pb-arrow-next,
.fff-testimonial-slider .et-pb-arrow-prev{
  width:40px !important; height:40px !important;
  background-color:rgba(0,0,0,.1) !important;
  border-radius:50% !important;
  display:flex !important; justify-content:center !important; align-items:center !important;
  transition: background-color .3s ease;
}
.fff-testimonial-slider .et-pb-arrow-next::before,
.fff-testimonial-slider .et-pb-arrow-prev::before{
  font-size:18px !important;
  color:#003366 !important;
}
.fff-testimonial-slider .et-pb-arrow-next:hover,
.fff-testimonial-slider .et-pb-arrow-prev:hover{
  background-color:#ae2012 !important;
}
/* rendre l’icône blanche au hover (car ::before a une couleur explicite) */
.fff-testimonial-slider .et-pb-arrow-next:hover::before,
.fff-testimonial-slider .et-pb-arrow-prev:hover::before{
  color:#fff !important;
}
/* accessibilité clavier */
.fff-testimonial-slider .et-pb-arrow-next:focus-visible,
.fff-testimonial-slider .et-pb-arrow-prev:focus-visible{
  outline:2px solid #ae2012;
  outline-offset:2px;
}

/* Responsive - Mobile & Tablet */
@media only screen and (max-width:768px){
  .fff-testimonial-slider .et_pb_slide{ padding:40px 20px; }
  .fff-testimonial-slider .et_pb_slide h2{ font-size:1.3rem !important; }
  .fff-testimonial-slider .et_pb_slide_content,
  .fff-testimonial-slider .et_pb_slide p{ font-size:.95rem !important; }
  .fff-testimonial-slider .et-pb-arrow-next,
  .fff-testimonial-slider .et-pb-arrow-prev{ width:35px !important; height:35px !important; }
  .fff-testimonial-slider .et-pb-arrow-next::before,
  .fff-testimonial-slider .et-pb-arrow-prev::before{ font-size:16px !important; }
}

/* Réduction d’animations si préférée (optionnel) */
@media (prefers-reduced-motion: reduce){
  .fff-testimonial-slider *{ transition:none !important; }
}