/**
 * RR Product Price — front-end styles (Option B, refined rows).
 * Palette: Burgundy #800020, Gold #D9B382, Text #1A1A1A, Dark Grey #333333.
 * Fonts provided by Elementor Pro Custom Fonts (not imported here).
 *
 * Span-based markup — valid inside the <p class="price"> wrapper emitted by
 * core WooCommerce and the Elementor Product Price widget. Scoped under .rr-pp
 * to win over Elementor widget typography.
 */

.rr-pp {
	display: block;
	width: 100%;
	margin: 0 0 1.5em;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #1A1A1A;
}

.rr-pp .rr-pp-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.rr-pp .rr-pp-list {
	align-items: baseline;
	padding: 7px 0;
	border-bottom: 1px solid #F0EBE3;
}

.rr-pp .rr-pp-b2b {
	padding: 10px 0 10px 12px;
	border-left: 3px solid #D9B382;
	border-bottom: 1px solid #F0EBE3;
}

.rr-pp .rr-pp-b2c {
	padding: 9px 0;
}

.rr-pp .rr-pp-meta {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}

.rr-pp .rr-pp-label {
	font-size: 11px;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: #8A8A8A;
	font-weight: 500;
}

.rr-pp .rr-pp-b2b .rr-pp-label {
	color: #800020;
}

.rr-pp .rr-pp-note {
	font-size: 11px;
	color: #8A8A8A;
}

.rr-pp .rr-pp-value {
	font-family: "Cormorant Garamond", Georgia, serif;
	line-height: 1;
	color: #1A1A1A;
	white-space: nowrap;
}

.rr-pp .rr-pp-list .rr-pp-value,
.rr-pp .rr-pp-list .rr-pp-value del {
	font-size: 20px;
	color: #A8A29A;
	text-decoration: line-through;
	text-decoration-color: #C9A063;
}

.rr-pp .rr-pp-b2b .rr-pp-value {
	font-size: 38px;
	font-weight: 700;
	color: #800020;
}

.rr-pp .rr-pp-b2c .rr-pp-value {
	font-size: 26px;
	font-weight: 600;
	color: #1A1A1A;
}

.rr-pp .rr-pp-value .woocommerce-Price-amount {
	font: inherit;
	color: inherit;
}

.rr-pp .rr-pp-value .woocommerce-Price-currencySymbol {
	font-size: 0.62em;
	font-weight: inherit;
}

.rr-pp .rr-pp-list-right {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.rr-pp .rr-pp-save {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #5A0016;
	background: #D9B382;
	border-radius: 4px;
	padding: 2px 8px;
	white-space: nowrap;
}

.rr-pp .rr-pp-from {
	font-family: "Inter", sans-serif;
	font-size: 0.42em;
	font-weight: 400;
	color: #8A8A8A;
}

.rr-pp .rr-pp-range,
.rr-pp .rr-pp-selected {
	display: block;
}

/* Mobile. */
@media (max-width: 480px) {
	.rr-pp .rr-pp-b2b .rr-pp-value {
		font-size: 30px;
	}
	.rr-pp .rr-pp-b2c .rr-pp-value {
		font-size: 22px;
	}
	.rr-pp .rr-pp-list .rr-pp-value,
	.rr-pp .rr-pp-list .rr-pp-value del {
		font-size: 18px;
	}
	.rr-pp .rr-pp-b2b {
		padding-left: 10px;
	}
	.rr-pp .rr-pp-label {
		letter-spacing: 0.1em;
	}
}

/* ── Option A "hero" — related / upsell products ─────────────────────────
   Colours inherit the section text colour so the block is readable on both
   the dark Related Products band and light layouts. Only the gold badge and
   the gold hairline are fixed. Span-based (valid inside <span class="price">). */
.rr-pp-hero {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	width: 100%;
	margin-top: 6px;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: inherit;
}
.rr-pp-hero__kicker {
	font-size: .62rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: inherit;
	opacity: .6;
	font-weight: 500;
}
.rr-pp-hero__main {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
}
.rr-pp-hero__b2b {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1;
	color: inherit;
}
.rr-pp-hero__from {
	font-family: "Inter", sans-serif;
	font-size: .6rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	opacity: .6;
}
.rr-pp-hero__list {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1rem;
	color: inherit;
	opacity: .5;
	text-decoration: line-through;
	text-decoration-color: #C9A063;
}
.rr-pp-hero__save {
	font-family: "Inter", sans-serif;
	font-size: .65rem;
	font-weight: 600;
	letter-spacing: .02em;
	color: #1A1A1A;
	background: #D9B382;
	border-radius: 4px;
	padding: 2px 7px;
	white-space: nowrap;
	line-height: 1.4;
}
.rr-pp-hero__note {
	font-size: .62rem;
	color: inherit;
	opacity: .55;
}
.rr-pp-hero__b2c-row {
	display: flex;
	align-items: baseline;
	gap: 6px;
	width: 100%;
	margin-top: 4px;
	padding-top: 6px;
	border-top: 1px solid rgba(217, 179, 130, .4);
}
.rr-pp-hero__b2c-label {
	font-size: .6rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: inherit;
	opacity: .6;
}
.rr-pp-hero__b2c {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.05rem;
	font-weight: 600;
	color: inherit;
	opacity: .9;
}
.rr-pp-hero .woocommerce-Price-amount {
	font: inherit;
	color: inherit;
}
.rr-pp-hero .woocommerce-Price-currencySymbol {
	font-size: .7em;
}

@media (max-width: 480px) {
	.rr-pp-hero__b2b { font-size: 1.6rem; }
}
