/*! Sunlight Call — Témoignages | Mondesign Web */
.slt-root{
  --slt-yellow:#FFC914;
  --slt-dark:#2B2B2B;
  --slt-light:#F4F4F4;
  --slt-gap:22px;
  --slt-card-w:380px;
  display:block;width:100%;
  background:#FAFAFA;
  padding:80px 0 70px;
  overflow:hidden;
  box-sizing:border-box;
}
.slt-root.slt-poppins{font-family:'Poppins',sans-serif}
.slt-root *{box-sizing:border-box;margin:0}

.slt-root .slt-title{
  font-family:inherit;text-align:center;font-size:34px;font-weight:800;line-height:1.2;
  color:#1E1E1E;letter-spacing:.5px;margin:0 0 48px;padding:0 20px;text-transform:none;
}
.slt-root .slt-title span{color:var(--slt-yellow)}

/* Sans JS : rangée défilable à la main */
.slt-root .slt-row{overflow-x:auto;padding:6px 0 14px}
.slt-root .slt-row + .slt-row{margin-top:8px}
.slt-root .slt-track{display:flex;width:max-content}
.slt-root .slt-group{display:flex;gap:var(--slt-gap);padding-right:var(--slt-gap)}

/* Avec JS : boucle continue */
.slt-root .slt-row.slt-on{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.slt-root .slt-on .slt-track{animation:slt-scroll var(--slt-dur,45s) linear infinite}
.slt-root .slt-reverse .slt-track{animation-direction:reverse}
.slt-root .slt-row:hover .slt-track{animation-play-state:paused}
@keyframes slt-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.slt-root .slt-card{
  position:relative;flex:0 0 var(--slt-card-w);
  min-height:200px;padding:30px 26px 26px;border-radius:18px;
}
.slt-root .slt-dark{background:var(--slt-dark);color:#fff}
.slt-root .slt-light{background:var(--slt-light);color:#1E1E1E;box-shadow:0 6px 16px rgba(0,0,0,.08)}

.slt-root .slt-av{
  position:absolute;top:16px;right:18px;
  width:56px;height:56px;border-radius:50%;
  border:3px solid #fff;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:var(--slt-yellow);color:#1E1E1E;
  font-weight:700;font-size:20px;line-height:1;
  box-shadow:0 3px 8px rgba(0,0,0,.15);
}
.slt-root .slt-av img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;border-radius:0}

.slt-root .slt-card h3{
  font-family:inherit;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:0;
  margin:18px 70px 6px 0;padding:0;color:inherit;line-height:1.3;
}
.slt-root .slt-stars{color:var(--slt-yellow);font-size:18px;letter-spacing:3px;line-height:1.2;margin-bottom:14px}
.slt-root .slt-stars .slt-off{opacity:.25}
.slt-root .slt-card p{font-size:12.5px;line-height:1.75;font-weight:400;color:inherit;opacity:.92;padding:0}

/* Tablette */
@media (max-width:1024px){
  .slt-root{--slt-card-w:330px;padding:64px 0 56px}
  .slt-root .slt-title{font-size:30px;margin-bottom:40px}
}
/* Mobile */
@media (max-width:767px){
  .slt-root{--slt-card-w:270px;--slt-gap:14px;padding:48px 0 40px}
  .slt-root .slt-title{font-size:26px;margin-bottom:30px}
  .slt-root .slt-card{min-height:180px;padding:22px 18px 20px;border-radius:16px}
  .slt-root .slt-av{width:46px;height:46px;top:12px;right:12px;font-size:17px}
  .slt-root .slt-card h3{font-size:15px;margin:12px 56px 4px 0}
  .slt-root .slt-stars{font-size:15px;margin-bottom:10px}
  .slt-root .slt-card p{font-size:12px;line-height:1.65}
}
/* Animations réduites : défilement manuel */
@media (prefers-reduced-motion:reduce){
  .slt-root .slt-on .slt-track{animation:none}
  .slt-root .slt-row.slt-on{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
}