/**
 * CSS : Pages de détail fiche_etc
 * Chargé uniquement sur single-fiche_etc
 */

:root {
	--etc-price-pills-bg: #ebf8f6;
	--etc-price-pills-border: #e3f3f1;
	--etc-price-pills-text: #508982;
	--etc-price-pills-strong: #3A6863;
}

/* ============================================================
   Badges prix / nb personnes
   ============================================================ */
.listing-single-content .listing-pricing {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1rem;
}

.listing-single-content .pricing-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.25rem 0.6rem;
	background: var(--etc-price-pills-bg);
	border: 1px solid var(--etc-price-pills-border);
	border-radius: 999px;
	font-size: 0.85rem;
	color: var(--etc-price-pills-text);
	white-space: nowrap;
	line-height: normal;
}

.listing-single-content .pricing-badge strong {
	font-weight: 700;
	color: var(--etc-price-pills-strong);
}