/* Avis Google (Doubs-Taxi) */
.dtag { --dtag-jaune: #fbbc04; --dtag-texte: #232d36; --dtag-nom: #597baf; }

/* Résumé : note moyenne */
.dtag-resume { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 28px; }
.dtag-google { font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.6rem; letter-spacing: -0.5px; line-height: 1; }
.dtag-google span:nth-child(1), .dtag-google span:nth-child(4) { color: #4285f4; }
.dtag-google span:nth-child(2), .dtag-google span:nth-child(6) { color: #ea4335; }
.dtag-google span:nth-child(3) { color: #fbbc05; }
.dtag-google span:nth-child(5) { color: #34a853; }
.dtag-note { font-size: 1.6rem; font-weight: 700; color: var(--dtag-texte); line-height: 1; }
.dtag-total { color: #4e4f4f; }
.dtag-liens { display: inline-flex; gap: 16px; margin-left: auto; }
.dtag-liens a { font-weight: 600; }

/* Étoiles (pleines ou partielles) */
.dtag-etoiles { position: relative; display: inline-block; font-size: 1.25rem; line-height: 1; letter-spacing: 2px; white-space: nowrap; }
.dtag-etoiles-fond { color: #d6d9de; }
.dtag-etoiles-plein { position: absolute; inset: 0 auto 0 0; overflow: hidden; color: var(--dtag-jaune); }

/* Liste des avis */
.dtag-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: start; }
.dtag-avis { background: #fff; border-radius: 20px; padding: 18px 20px 20px; box-shadow: 0 6px 20px rgba(35, 45, 54, 0.08); margin: 0; }
.dtag-avis[hidden] { display: none; }
.dtag-tete { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.dtag-photo { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex: 0 0 48px; }
.dtag-initiale { display: inline-flex; align-items: center; justify-content: center; background: #69768b; color: #fff; font-weight: 700; font-size: 1.2rem; }
.dtag-qui { display: flex; flex-direction: column; min-width: 0; }
.dtag-nom { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--dtag-nom); overflow-wrap: anywhere; }
.dtag-nom a { color: inherit; text-decoration: none; }
.dtag-date { font-size: 0.8rem; color: #8a9099; }
.dtag-texte { margin: 10px 0 0; font-size: 0.95rem; line-height: 1.5; font-weight: 600; color: var(--dtag-texte); }

/* Bouton « Voir plus d'avis » */
.dtag-plus-zone { text-align: center; margin: 32px 0 0; }
.dtag-source { margin: 18px 0 0; font-size: 0.8rem; color: #6b7280; text-align: center; }
.dtag-admin-info { padding: 12px 16px; border: 2px dashed #d63638; background: #fff; }

/* Tablette : 2 colonnes, téléphone : 1 colonne */
@media (max-width: 1023px) { .dtag-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) {
	.dtag-liste { grid-template-columns: 1fr; gap: 16px; }
	.dtag-liens { margin-left: 0; width: 100%; }
}