/* ==========================================================================
 * Les avis, repris de CusRev — à la charte de la maison
 * --------------------------------------------------------------------------
 * Sobre : ces blocs se posent au milieu d'une page d'accueil déjà habillée.
 * Ce sont les mots des clientes qui doivent se voir, pas le cadre.
 * ========================================================================== */

.mrd-av{
	--av-vert:#2A4A3D;
	--av-or:#C9AB6F;
	--av-or-s:#8C6F3A;
	--av-creme:#FBF7EC;
	--av-carte:#FFFDF7;
	--av-trait:rgba(140,111,58,.22);
	margin: 2rem 0;
}

/* ---- le résumé ---- */
.mrd-av-resume{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	margin: 0 0 1.6rem;
}
.mrd-av-moyenne{
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}
.mrd-av-chiffre{
	font-size: clamp(1.8rem, 1.4rem + 1.6vw, 2.6rem);
	font-weight: 600;
	line-height: 1;
	color: var(--av-vert);
}
.mrd-av-combien{
	margin: 0;
	font-size: .95rem;
	letter-spacing: .04em;
	opacity: .7;
}

/* ---- les étoiles ---- */
.mrd-av-etoiles{
	display: inline-flex;
	gap: 1px;
	line-height: 1;
	font-size: 1.1em;
	letter-spacing: .04em;
}
.mrd-av-e{ color: rgba(140,111,58,.28); }
.mrd-av-e-pleine{ color: var(--av-or); }
/* la demi-étoile : une seule, remplie à moitié, sans image */
.mrd-av-e-demie{
	background: linear-gradient(90deg, var(--av-or) 50%, rgba(140,111,58,.28) 50%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* ---- la liste ---- */
.mrd-av-liste{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
	align-items: start;
}

.mrd-av-carte{
	background: var(--av-carte);
	border: 1px solid var(--av-trait);
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.mrd-av-cachee{ display: none; }

.mrd-av-tete{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px;
}
.mrd-av-qui{ font-weight: 600; }
.mrd-av-verifie{
	color: var(--av-vert);
	font-size: .8rem;
	background: rgba(42,74,61,.1);
	border-radius: 999px;
	padding: 1px 7px;
}
.mrd-av-quand{
	margin-left: auto;
	font-size: .82rem;
	opacity: .55;
	white-space: nowrap;
}

.mrd-av-titre{ margin: 0; font-weight: 600; }
.mrd-av-texte{ margin: 0; line-height: 1.55; }
.mrd-av-texte p{ margin: 0 0 .6em; }
.mrd-av-texte p:last-child{ margin-bottom: 0; }

.mrd-av-photos{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.mrd-av-photos img{
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 8px;
}

.mrd-av-piece{
	margin: 2px 0 0;
	font-size: .88rem;
}
.mrd-av-piece a{ color: var(--av-or-s); }

/* ---- voir plus ---- */
.mrd-av-plus{ margin: 1.4rem 0 0; text-align: center; }
.mrd-av-bouton-plus{
	min-height: 48px;
	padding: 0 26px;
	font: inherit;
	font-size: .92rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--av-vert);
	background: transparent;
	border: 1px solid var(--av-or);
	border-radius: 999px;
	cursor: pointer;
}
.mrd-av-bouton-plus:hover{ background: var(--av-or); color: var(--av-creme); }

/* ---- la note seule, et le badge ---- */
.mrd-av-note-seule{ display: inline-flex; align-items: center; gap: 6px; }
.mrd-av-note-chiffre{ font-weight: 600; }
.mrd-av-badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	background: var(--av-carte);
	border: 1px solid var(--av-trait);
	border-radius: 999px;
	font-size: .9rem;
}
.mrd-av-badge span{ opacity: .7; }

@media (max-width: 480px){
	.mrd-av-liste{ grid-template-columns: 1fr; }
	.mrd-av-quand{ margin-left: 0; width: 100%; }
}