/* La pastille de satisfaction, posée dans le hero de l'accueil.

   Elle reprend la grammaire des cartes du site — fond blanc, aucun arrondi,
   ombre portée pleine en or — plutôt que la pastille arrondie du site pris en
   référence : sur une page où rien n'est arrondi, un coin rond aurait signalé
   un élément rapporté. */

body .elementor.elementor.elementor.elementor .hf-note-zone {
	position: absolute;
	right: 48px;
	bottom: 46px;
	z-index: 5;
	width: auto;
	padding: 0;
}

body .elementor.elementor.elementor.elementor .hf-note {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	background: #FFFFFF;
	padding: 16px 22px;
	text-decoration: none;
	box-shadow: 8px 8px 0 #C9A96E;
	transition: transform .18s, box-shadow .18s;
}

body .elementor.elementor.elementor.elementor .hf-note:hover {
	transform: translate(-2px, -2px);
	box-shadow: 10px 10px 0 #C9A96E;
}

body .elementor.elementor.elementor.elementor .hf-note__chiffre {
	font-family: "Bodoni Moda", serif;
	font-weight: 600;
	font-size: 34px;
	line-height: 1;
	letter-spacing: -.02em;
	color: #1B2140;
	white-space: nowrap;
}

body .elementor.elementor.elementor.elementor .hf-note__chiffre em {
	font-family: "DM Sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #4A4F63;
}

body .elementor.elementor.elementor.elementor .hf-note__droite {
	display: block;
	border-left: 1px solid rgba(27, 33, 64, .13);
	padding-left: 16px;
}

/* Les étoiles : une rangée grise, une rangée or par-dessus, coupée au
   pourcentage exact de la note. Pas d'arrondi au demi-point — la barre dit
   9,3 et non « quatre étoiles et demie ». */
body .elementor.elementor.elementor.elementor .hf-note__etoiles {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 2px;
	color: rgba(27, 33, 64, .22);
	white-space: nowrap;
}

body .elementor.elementor.elementor.elementor .hf-note__pleines {
	position: absolute;
	inset: 0;
	overflow: hidden;
	color: #C9A96E;
	white-space: nowrap;
}

body .elementor.elementor.elementor.elementor .hf-note__label {
	display: block;
	margin-top: 4px;
	font-family: "DM Sans", sans-serif;
	font-size: 12px;
	line-height: 1.35;
	color: #4A4F63;
	white-space: nowrap;
}

@media (max-width: 1100px) {
	body .elementor.elementor.elementor.elementor .hf-note-zone {
		position: static;
		margin: 26px 0 0;
	}
	body .elementor.elementor.elementor.elementor .hf-note {
		box-shadow: 6px 6px 0 #C9A96E;
	}
}