/**
 * Page Avis des mini-sites revendeurs : liste verticale extensible.
 *
 * Les styles de base de `.section-temoignages-revendeur` vivent dans le thème
 * (webcomponent #31). Ce fichier ne surcharge que la variante `--full-list`
 * (page Avis) pour empiler les avis verticalement et gérer le bloc extensible
 * « Voir plus », afin d'obtenir un rendu homogène quel que soit le nombre
 * d'avis (ticket #45616). 1rem = 10px (base du thème).
 */

/* Empilement vertical des avis (au lieu de la rangée du teaser de la home). */
.section-temoignages-revendeur--full-list .section-temoignages-revendeur__testimonials {
	flex-direction: column;
	gap: 0;
}

.section-temoignages-revendeur--full-list .section-temoignages-revendeur__card {
	flex: 0 0 auto;
	padding: 2.4rem 0;
	border-bottom: 1px dashed #939598;
}

.section-temoignages-revendeur--full-list .section-temoignages-revendeur__card:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

/* Avis masqués tant que le visiteur n'a pas cliqué « Voir plus ». */
.section-temoignages-revendeur__card[hidden] {
	display: none;
}

/* Bloc extensible « Voir plus ». Le bouton réutilise la charte du site
   (`.btn .btn-secondary`, fourni par le thème) ; on ne gère ici que sa
   position et l'état masqué/affiché. */
.section-temoignages-revendeur__more-wrapper {
	display: flex;
	justify-content: center;
	padding-top: 2.4rem;
}

.section-temoignages-revendeur__more-wrapper[hidden] {
	display: none;
}

/* En-tête de chaque avis : auteur à gauche, logo d'origine aligné à droite.
   Le logo (ELDO ou Espace client Seguin) identifie la source de l'avis renvoyée
   par l'API getDealerReviews via le champ `source` (ticket #45651). */
.section-temoignages-revendeur__card-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1.6rem;
	flex-wrap: wrap;
}

.section-temoignages-revendeur__card-head .section-temoignages-revendeur__card-author {
	margin: 0;
}

/* Le logo est poussé à droite (margin-left:auto) qu'un auteur soit présent
   ou non ; sa hauteur est fixée et la largeur s'ajuste au ratio du SVG. */
.section-temoignages-revendeur__card-source {
	display: block;
	flex: 0 0 auto;
	margin-left: auto;
	width: auto;
	height: 2.8rem;
	max-width: 10rem;
}

.section-temoignages-revendeur__card-source--seguin {
	height: 2.2rem;
	max-width: 14rem;
}

@media (max-width: 991.98px) {
	.section-temoignages-revendeur__card-source {
		height: 2.4rem;
		max-width: 9rem;
	}

	.section-temoignages-revendeur__card-source--seguin {
		height: 2rem;
		max-width: 12rem;
	}
}