/* =========================================================
   LOGMIS — Testimonial : badge "note 👍 + label" (maquette Figma 82:3754)
   Markup attendu (champ Titre du widget) :
     <div class="testimonial-headline"><span>24 👍</span> Ease of Use</div>
   - .testimonial-headline : pilule extérieure bleu-gris + label (14 Medium)
   - span                  : pastille verte "24 👍" (12 SemiBold)
   Couleurs "demo-5" propres à la maquette (hors charte Elementor) → en dur.
   ========================================================= */
.testimonial-headline {
	display: inline-flex;
	align-self: flex-start;                /* flex-item du widget testimonial : ne pas etirer sur 100% */
	width: fit-content !important;         /* fixe la largeur au contenu a TOUS les breakpoints (tablette/mobile inclus) */
	max-width: 100%;                       /* mais jamais plus large que la carte */
	align-items: center;
	gap: 4px;                              /* spacing/0,5 (pastille ↔ label) */
	padding: 4px 16px 4px 4px;             /* py 4 · pl 4 · pr 16 */
	border-radius: 16px;                   /* radius/large */
	background: rgba(79, 116, 147, .1);    /* demo-5/fill-2 #4f74931a */
	font-family: "Poppins", sans-serif;
	font-weight: 500;                      /* label = Medium */
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.14px;
	color: var(--e-global-color-text, #151517);
}

.testimonial-headline span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 2px;                              /* "24" ↔ 👍 */
	height: 24px;
	padding: 4px 8px;                      /* py 4 · px 8 (spacing/1) */
	border-radius: 20px;                   /* radius/xlarge */
	background: #e5fee8;                   /* demo-5/green */
	font-weight: 600;                      /* SemiBold */
	font-size: 12px;
	line-height: 1;
	letter-spacing: -0.12px;
}

/* emoji 👍 injecté par WordPress (img.emoji) calibré sur le texte 12px */
.testimonial-headline span img {
	width: 1em;
	height: 1em;
	margin: 0;
	vertical-align: -0.1em;
}