/* =====================================================================
   Avis Google — habillage repris de l'interface de Google
   Couleurs officielles : bleu #1a73e8, ambre des étoiles #fbbc04,
   texte secondaire #70757a, séparateurs #dadce0.
   ===================================================================== */

.asdav {
  --asdav-bleu: #1a73e8;
  --asdav-ambre: #fbbc04;
  --asdav-gris: #70757a;
  --asdav-ligne: #dadce0;
  --asdav-encre: #202124;
  font-family: Roboto, -apple-system, "Segoe UI", Arial, sans-serif;
  color: var(--asdav-encre);
  display: grid;
  gap: 1rem;
}

/* --- Étoiles ------------------------------------------------------- */
.asdav-etoiles { display: inline-flex; gap: 1px; vertical-align: middle; }
.asdav-etoile {
  display: inline-block;
  background: linear-gradient(90deg,
    var(--asdav-ambre) var(--asdav-remplissage, 0%),
    #dadce0 var(--asdav-remplissage, 0%));
  /* l'étoile est découpée dans le dégradé : un seul élément par étoile,
     ce qui permet les demies au dixième près */
  -webkit-mask: var(--asdav-forme) center / contain no-repeat;
  mask: var(--asdav-forme) center / contain no-repeat;
  --asdav-forme: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.3 5.8 21l1.6-7L2 9.2l7.2-.6L12 2l2.8 6.6 7.2.6-5.4 4.8 1.6 7z'/%3E%3C/svg%3E");
}

/* --- Résumé : la note globale -------------------------------------- */
.asdav-resume {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1rem 1.15rem;
  border: 1px solid var(--asdav-ligne);
  border-radius: 12px;
  background: #fff;
}
.asdav-g { display: inline-flex; flex: 0 0 auto; }
.asdav-g svg { display: block; }
.asdav-resume__corps { flex: 1 1 auto; min-width: 0; }
.asdav-resume__ligne { display: flex; align-items: center; gap: 0.5rem; }
.asdav-note { font-size: 22px; font-weight: 500; line-height: 1; color: var(--asdav-encre); }
.asdav-resume__meta { margin-top: 0.25rem; font-size: 13px; color: var(--asdav-gris); }
.asdav-cta {
  flex: 0 0 auto;
  padding: 0.5rem 0.9rem;
  border: 1px solid var(--asdav-ligne);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  color: var(--asdav-bleu);
  text-decoration: none;
  white-space: nowrap;
}
.asdav-cta:hover { background: #f8f9fa; border-color: #c6c9cc; }

/* --- Les avis ------------------------------------------------------- */
.asdav-liste { display: grid; gap: 0.75rem; }
.asdav-avis {
  padding: 1rem 1.15rem;
  border: 1px solid var(--asdav-ligne);
  border-radius: 12px;
  background: #fff;
}
.asdav-avis__tete { display: flex; align-items: center; gap: 0.75rem; }
.asdav-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex: 0 0 auto;
  object-fit: cover;
  background: #e8eaed;
}
.asdav-avatar--lettre {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--asdav-bleu);
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}
.asdav-avis__ident { flex: 1 1 auto; min-width: 0; }
.asdav-auteur {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--asdav-encre);
  text-decoration: none;
}
a.asdav-auteur:hover { text-decoration: underline; }
.asdav-avis__meta { display: flex; align-items: center; gap: 0.5rem; margin-top: 2px; }
.asdav-quand { font-size: 12px; color: var(--asdav-gris); }
.asdav-g--petit { opacity: 0.9; }
.asdav-texte { margin-top: 0.7rem; }
.asdav-texte p {
  margin: 0;
  font-size: 14px;
  line-height: 1.58;
  color: #3c4043;
  /* au-delà de six lignes l'avis est tronqué, comme chez Google */
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- Écrans étroits -------------------------------------------------- */
@media (max-width: 600px) {
  .asdav-resume { flex-wrap: wrap; }
  .asdav-cta { width: 100%; text-align: center; }
}

/* --- Message réservé aux administrateurs ----------------------------- */
.asdav-admin {
  padding: 0.75rem 1rem;
  border: 1px dashed #d93025;
  border-radius: 8px;
  color: #d93025;
  font-size: 14px;
}

/* --- Aperçu dans l'administration ------------------------------------ */
.asdav-apercu { max-width: 640px; margin-top: 1rem; }