/*
 * Younger Beauty price list styling.
 * Values are the COMPUTED styles measured on the live price-list page
 * with Playwright on 8 July 2026 (not the raw Elementor CSS, which is
 * overridden in places):
 *   item title/price   19px, weight 600, #424242, Work Sans (inherited)
 *   separator          2px dotted #424242, 10px side margins
 *   description        14px, weight 400, #424242
 *   item spacing       10px between items
 *   mobile header      font-size 1em at <=767px
 * Font families are inherited from the theme so they always match.
 */

.yb-prices {
	width: 100%;
}

.yb-price-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.yb-price-list-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.yb-price-list-item:not(:last-child) {
	margin-bottom: 10px;
}

.yb-price-list-header {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: baseline;
	color: #424242;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.65;
}

.yb-price-list-title {
	flex-shrink: 1;
}

.yb-price-list-duration {
	font-size: 13px;
	font-weight: 400;
	color: #7A7A7A;
	margin-left: 8px;
	white-space: nowrap;
}

.yb-price-list-separator {
	flex-grow: 1;
	align-self: flex-end;
	border-bottom: 2px dotted #424242;
	margin: 0 10px 0.55em;
	min-width: 24px;
}

.yb-price-list-price {
	white-space: nowrap;
}

.yb-price-list-description {
	margin: 0;
	width: 100%;
	color: #424242;
	font-size: 14px;
	font-weight: 400;
}

/* Optional item links, hover pink like the live price list */
.yb-price-list-link {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

.yb-price-list-link .yb-price-list-header,
.yb-price-list-link .yb-price-list-description {
	color: inherit;
}

.yb-price-list-link:hover {
	color: #eb3351;
}

.yb-price-list-item {
	color: #424242;
}

.yb-infil {
	color: red;
	font-weight: 700;
}

/* SPMU descriptions are bold on the current site */
.yb-prices-semi-perm-makeup .yb-price-list-description {
	font-weight: 700;
}

.yb-price-list-intro {
	margin: 0 0 20px;
	color: #424242;
}

@media (max-width: 767px) {
	.yb-price-list-header {
		font-size: 1em;
	}
}