/*
 * Cartes d'avis Google du carrousel de l'accueil.
 *
 * C'est le SEUL changement voulu par rapport au site d'origine. Les huit
 * diapositives étaient des PNG (uploads/2025/07/1-1.png … 8-1.png) : une carte
 * rouge à coins arrondis, cinq étoiles blanches, la citation centrée en Poppins
 * gras, « — Prénom » en gras italique. On les remplace par du HTML qui reprend
 * ce dessin, pour y mettre de vrais avis Google sans refaire une image à chaque
 * fois.
 *
 * La carte doit occuper EXACTEMENT la boîte de l'image qu'elle remplace, sinon
 * toute la page sous le carrousel se décale :
 *  - même largeur (100 % de la diapositive) et même rapport largeur/hauteur que
 *    le PNG d'origine, passé dans --rvr-ratio (chaque PNG avait le sien, à
 *    quelques pixels près) ;
 *  - inline-block + overflow:hidden, pour que sa ligne de base soit son bord
 *    inférieur, comme une <img>. Sans ça, la ligne de base devient celle du
 *    dernier texte et la <figure> grandit de quelques pixels ;
 *  - le rayon de 25 px vient de la règle d'Elementor sur .swiper-slide-image
 *    (post-158.css), que la carte porte aussi.
 *
 * Toutes les mesures internes sont en cqw (pour cent de la largeur de la
 * carte), relevées sur le PNG de 1891 px : la carte se lit comme l'image à
 * toutes les tailles d'écran, et un texte qui tient à une taille tient à
 * toutes les autres. Ne pas les convertir en px.
 *
 * La police a son propre nom de famille : déclarer un Poppins 700 sous le nom
 * « Poppins » aurait changé le rendu de tout texte gras ailleurs sur la page,
 * qu'Elementor fait aujourd'hui en gras synthétique à partir du Regular.
 */
@font-face {
	font-family: 'RVR Avis Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/Poppins-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'RVR Avis Poppins';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2');
}

.rvr-avis {
	display: inline-block;
	vertical-align: baseline;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	aspect-ratio: var(--rvr-ratio, 1891 / 1461);
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #EC1B23; /* relevé dans les PNG : rgb(236, 27, 35) */
	color: #FFFFFF;
	border-radius: 25px;
	container-type: inline-size;
	text-align: center;
	font-family: 'RVR Avis Poppins', 'Poppins', sans-serif;
	font-weight: 700;
}

/* Étoiles en haut à 7,56 % de la largeur ; le reste de la hauteur accueille la
   citation et le nom, centrés ensemble comme sur les images. */
.rvr-avis__cadre {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	padding: 7.56cqw 4.25cqw 0.77cqw;
}

.rvr-avis__etoiles {
	display: block;
	flex: none;
	width: 45.21cqw;
	height: 7.51cqw;
	fill: #FFFFFF;
}

.rvr-avis__corps {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.rvr-avis .rvr-avis__texte,
.rvr-avis .rvr-avis__nom {
	margin: 0;
	color: #FFFFFF;
	font-family: inherit;
	font-weight: 700;
	font-size: 3.74cqw;
	line-height: 1.383;
	letter-spacing: -0.022em;
}

.rvr-avis .rvr-avis__nom {
	margin-top: 1.4em;
	font-style: italic;
}