/* ===============================================================
   TESTIMONIALS  –  carrousel 3 / 2 / 1 cartes + points
   =============================================================== */

/* ---------- SECTION WRAPPER ---------------------------------- */
.testimonials{
  /* rythme vertical global (varie depuis 0-base.css) */
  padding-block: var(--space-section);
    max-width: 1440px;
    margin: 0 auto;
  /* marge latérale homogène */
  padding-inline: 1rem;

  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2.5rem;
}

/* ---------- VIEWPORT (masque) -------------------------------- */
.testi-window{
  width:100%;
  overflow:hidden;                /* cache les cartes hors champ */
}

/* ---------- LIGNE DES CARTES --------------------------------- */
.testi-track{
  display:flex;
  gap:2.5rem;                     /* écart entre les cartes      */
  transition:transform .4s ease;
  will-change:transform;
}

/* ---------- CARTE -------------------------------------------- */
.testi-card{
  flex:0 0 calc(33.333% - 1.75rem);/* 3 visibles desktop          */
  min-width:260px;                /* sécurité mobile             */
  min-height:360px;
  background:#f5f6f7;
  border-radius:var(--radius);
  display:flex;
  overflow:hidden;
}

/* photo à gauche */
.testi-photo{flex:0 0 38%;}
.testi-photo img{
  width:100%;height:100%;
  object-fit:cover;
}

/* contenu texte */
.testi-content{
  flex:1 1 auto;
  padding:2rem 2.2rem 2.4rem;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.testi-content h4{
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--c-accent);
  margin:0;
}
.role{
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#7db8b5;
  margin:0;
}
blockquote{
  font-size:.95rem;
  line-height:1.55;
  color:#2d8f8a;
  margin:0;
}

/* ---------- DOTS --------------------------------------------- */
.testi-dots{
  display:flex;
  gap:1.2rem;
}
.dot{
  width:15px;height:15px;
  border-radius:50%;
  border:0;
  cursor:pointer;
  background:#fff;
  box-shadow:0 3px 7px rgba(0,0,0,.15);
  transition:background .25s;
}
.dot.is-active{background:#000;}
.testi-dots-tablet,
.testi-dots-mobile{
	display:none;
}
/* ---------- RESPONSIVE --------------------------------------- */
@media (max-width:1280px){
	.testi-dots-desktop{
		display:none;
	}
	.testi-dots-tablet{
		display:flex;
	}
  .testi-card{flex:0 0 calc(50% - 1.25rem);}     /* 2 cartes */
}
@media (max-width:840px){
	.testi-dots-tablet{
		display:none;
	}
	.testi-dots-mobile{
		display:flex;
	}
  .testi-card{flex:0 0 100%;}                   /* 1 carte  */
  .testi-track{gap:1.5rem;}
}