/* Conteneur centré "FlowYa style" */
#trust-reviews { display:block; margin: 16px auto 32px; max-width: 1160px; padding: 0 16px; }
.grv-wrap { position: relative; background: #fff; border-radius: 18px; box-shadow: 0 20px 60px rgba(0,0,0,.06); padding: 18px 44px; }
.grv-track { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 16px; transition: transform .28s ease; will-change: transform; }
.grv-card { border:1px solid #eee; border-radius: 16px; padding: 14px; min-width: 280px; background:#fff; box-shadow: 0 8px 24px rgba(0,0,0,.05); }
.grv-head { display:flex; align-items:center; gap:8px; font-weight:700; margin-bottom:8px; }
.grv-stars { letter-spacing:2px; color:#f7a521; font-size:14px; }
.grv-author { color:#1f3d2b; }
.grv-text { line-height:1.5; color:#333; }
.grv-meta { margin-top:6px; font-size:12px; color:#6c6c6c; }

/* flèches */
.grv-nav { position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:999px; border:1px solid #e6e6e6; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.08); cursor:pointer; }
.grv-prev { left:8px; }
.grv-next { right:8px; }
.grv-nav:disabled { opacity:.4; cursor:not-allowed; }

/* puces */
.grv-dots { display:flex; gap:8px; justify-content:center; margin-top:10px; }
.grv-dot { width:8px; height:8px; border-radius:50%; border:none; background:#d6d6d6; cursor:pointer; }
.grv-dot.active { background:#10b98a; }

/* responsive cartes visibles (largeur carte) */
@media (max-width: 959px){ .grv-card{ min-width: calc((100% - 16px)/2); } }
@media (max-width: 639px){ .grv-wrap{ padding: 12px 40px; } .grv-card{ min-width: 100%; } }

/* === FlowYa Reviews Carousel (patch) === */
.grv-shell{max-width:1100px;margin:20px auto 0;padding:20px;border-radius:22px;background:#fff6ee;box-shadow:0 18px 50px rgba(0,0,0,.08)}
.grv-headrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.grv-title{font-weight:800;color:#2b6b4e;font-size:1.4rem;margin:0}
.grv-sub{opacity:.6;font-weight:700}
.grv-viewport{position:relative;overflow:hidden}
.grv-track{display:flex;gap:16px;transition:transform .35s ease}
.grv-card{flex:0 0 calc(33.333% - 10.67px);background:#fff;border:1px solid #eee;border-radius:16px;padding:14px 14px 12px;box-shadow:0 8px 25px rgba(0,0,0,.06)}
.grv-card .grv-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.grv-stars{font-size:14px;letter-spacing:1px;color:#f39c12}
.grv-author{font-weight:700}
.grv-text{line-height:1.5;min-height:60px}
.grv-meta{opacity:.6;font-size:.9rem;margin-top:6px}
.grv-controls{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.grv-arrows{display:flex;gap:8px}
.grv-btn{width:34px;height:34px;border-radius:50%;border:1px solid #ddd;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.grv-btn:disabled{opacity:.4;cursor:not-allowed}
.grv-dots{display:flex;gap:6px;align-items:center}
.grv-dot{width:7px;height:7px;border-radius:50%;background:#d7e7e0}
.grv-dot.active{background:#10b98a}
.grv-link{font-weight:800;color:#10b98a;text-decoration:none}
@media (max-width: 960px){ .grv-card{flex:0 0 calc(50% - 8px)} }
@media (max-width: 640px){ .grv-card{flex:0 0 100%} .grv-shell{padding:14px} }
/* Badge avatar = initiale (remplace image) */
.grv-badge{
  width:22px;height:22px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#e8f3ef;color:#2b6b4e;font-weight:800;font-size:.8rem;
  border:1px solid #d2e7df;
}
/* Pastille initiale avatar (remplace l'image) */
.grv-badge{
  width:22px;height:22px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#e8f3ef;color:#2b6b4e;font-weight:800;font-size:.8rem;
  border:1px solid #d2e7df;margin-right:6px;
}

/* ==== FlowYa Reviews – patch avatars → initiales ==== */
.grv-badge{
  width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:700; font-size:13px;
  background:#e9faf4; color:#0f9d7a; margin-right:8px;
}
.grv-head img.grv-avatar{ display:none !important; }

/* Conteneur FlowYa centré + ombre douce */
.grv-wrap{
  max-width: 1100px; margin: 0 auto; padding: 16px 18px 8px;
  background: #fff8f0; border-radius: 18px;
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
}
.grv-bar{ display:flex; align-items:center; justify-content:space-between; margin-bottom: 8px; }
.grv-title{ margin:0; font-size:22px; color:#2e7c59; }
.grv-sub{ opacity:.7; font-weight:600; color:#6b6b6b; }

.grv-viewport{ position:relative; overflow:hidden; }
.grv-track{ display:flex; gap:16px; will-change:transform; transition:transform .35s ease; }
.grv-item{
  flex: 0 0 calc((100% - 32px)/3);
  background:#fff; border:1px solid #eee; border-radius:14px; padding:14px;
}
@media (max-width: 920px){
  .grv-item{ flex-basis: calc((100% - 16px)/2); }
}
@media (max-width: 620px){
  .grv-item{ flex-basis: 100%; }
}
.grv-head{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.grv-stars{ letter-spacing:1px; color:#f5a623; font-size:14px; }
.grv-author{ font-weight:700; }
.grv-text{ line-height:1.45; margin: 6px 0 8px; }
.grv-meta{ opacity:.6; font-size:12px; }

.grv-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:32px; height:32px; border-radius:50%; border:1px solid #ddd;
  background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.grv-prev{ left:-6px; } .grv-next{ right:-6px; }
.grv-cta{ text-align:right; margin-top:8px; }
.grv-link{ font-weight:700; text-decoration:none; color:#10b98a; }
/* === Badge "Avis Google vérifiés" === */
.grv-badge{ margin-top:6px; }
.grv-badge-link{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:9999px;
  background:#f3f7f5; color:#2e7c59; font-weight:600; font-size:13.5px;
  text-decoration:none; box-shadow:0 1px 0 rgba(0,0,0,.04);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.grv-badge-link:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.08); background:#eef5f1; }
.glogo{display:inline-flex; line-height:0}
.gtext{white-space:nowrap}
/* Note Google (au-dessus du badge) */
.grv-score{
  margin-top:4px;
  font-weight:700;
  color:#2e7c59;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.grv-score .grv-count{ font-weight:600; opacity:.8; margin-left:4px; }
