/* Keep the VAT preference with the header actions instead of creating a full-width bar. */
html.sec-vat-excl .sec-price__mode--excl,
html.sec-vat-incl .sec-price__mode--incl {
	display: inline !important;
}

html.sec-vat-excl .sec-price__mode--incl,
html.sec-vat-incl .sec-price__mode--excl {
	display: none !important;
}

.woocommerce-checkout .sec-vat-toggle--checkout {
	display: inline-flex !important;
	width: auto !important;
	margin: 0 0 14px auto !important;
	float: none !important;
}

.single-product .summary p.price.sec-primary-product-price {
	clear: both;
	display: block !important;
	height: auto !important;
	min-height: 1.35em !important;
	margin: 8px 0 10px !important;
	opacity: 1 !important;
	overflow: visible !important;
	visibility: visible !important;
}

.single-product .summary p.price.sec-primary-product-price .sec-price {
	display: inline-flex !important;
	align-items: baseline;
	font-size: clamp(24px, 2vw, 30px) !important;
	font-weight: 400 !important;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: var(--sec-black) !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.single-product .summary p.price.sec-primary-product-price .sec-price__mode {
	flex-wrap: wrap;
	align-items: baseline;
	gap: .3em .42em;
	font-weight: 400 !important;
}

.single-product .summary p.price.sec-primary-product-price .woocommerce-Price-amount {
	font-size: 1.08em !important;
	font-weight: 800 !important;
	line-height: 1;
	color: var(--sec-black) !important;
}

.single-product .summary p.price.sec-primary-product-price .sec-price__sale-label {
	font-size: .55em;
	font-weight: 400 !important;
	letter-spacing: .01em;
	color: #403c38 !important;
}

.single-product .summary p.price.sec-primary-product-price .sec-price__tax-label {
	font-size: .52em;
	font-weight: 400 !important;
	letter-spacing: 0;
	color: #6f6963 !important;
}

.single-product .summary p.price.sec-primary-product-price .sec-price__sale-part--was .woocommerce-Price-amount {
	font-size: 1em !important;
	font-weight: 600 !important;
	color: #77716b !important;
}

.single-product .summary p.price.sec-primary-product-price .sec-price__sale-part--now ins,
.single-product .summary p.price.sec-primary-product-price .sec-price__sale-part--now .woocommerce-Price-amount {
	color: #c3261e !important;
}

.single-product .summary p.price.sec-primary-product-price .sec-price__sale-part--now .woocommerce-Price-amount {
	font-size: 1.12em !important;
	font-weight: 800 !important;
}

.sec-price__sale-part {
	display: inline-flex;
	align-items: baseline;
	gap: .22em;
}

.sec-price__sale-label {
	font-size: .68em;
	font-weight: 400;
	color: #57524d;
}

.sec-price__sale-part--now ins {
	font-weight: 400;
}

/* Astra's compact mobile product rules target WooCommerce's nested amount and
 * currency nodes directly. Anchor the hierarchy to our canonical price marker
 * so those rules cannot reverse the emphasis on smaller viewports. */
body.single-product [data-sec-primary-price] .sec-price[data-sec-price] {
	font-size: clamp(24px, 7vw, 31px) !important;
	font-weight: 400 !important;
}

body.single-product [data-sec-primary-price] .sec-price__sale-label,
body.single-product [data-sec-primary-price] .sec-price__tax-label {
	font-weight: 400 !important;
}

body.single-product p.price[data-sec-primary-price] .sec-price__sale-label {
	font-style: normal !important;
	text-shadow: none !important;
}

body.single-product [data-sec-primary-price] .woocommerce-Price-amount,
body.single-product [data-sec-primary-price] .woocommerce-Price-amount bdi {
	font-weight: 800 !important;
	color: #1a1a1a !important;
}

body.single-product [data-sec-primary-price] .sec-price__sale-part--now ins,
body.single-product [data-sec-primary-price] .sec-price__sale-part--now .woocommerce-Price-amount,
body.single-product [data-sec-primary-price] .sec-price__sale-part--now .woocommerce-Price-amount bdi {
	font-weight: 800 !important;
	color: #c3261e !important;
}

body.single-product [data-sec-primary-price] .sec-price__sale-part--was del,
body.single-product [data-sec-primary-price] .sec-price__sale-part--was .woocommerce-Price-amount,
body.single-product [data-sec-primary-price] .sec-price__sale-part--was .woocommerce-Price-amount bdi {
	font-weight: 700 !important;
	color: #77716b !important;
}

@media (max-width: 600px) {
	body.single-product [data-sec-primary-price] .sec-price[data-sec-price] {
		font-size: 24px !important;
	}
	body.single-product [data-sec-primary-price] .sec-price__sale-label,
	body.single-product [data-sec-primary-price] .sec-price__tax-label {
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
	}
	body.single-product p.price[data-sec-primary-price] .sec-price__sale-part--was .woocommerce-Price-amount,
	body.single-product p.price[data-sec-primary-price] .sec-price__sale-part--was .woocommerce-Price-amount * {
		font-weight: 700 !important;
		color: #77716b !important;
	}
	body.single-product [data-sec-primary-price] .sec-price__sale-part--now ins,
	body.single-product [data-sec-primary-price] .sec-price__sale-part--now .woocommerce-Price-amount,
	body.single-product [data-sec-primary-price] .sec-price__sale-part--now .woocommerce-Price-amount bdi,
	body.single-product p.price[data-sec-primary-price] .sec-price__sale-part--now .woocommerce-Price-amount * {
		font-weight: 800 !important;
		color: #c3261e !important;
	}
}

html.sec-vat-excl .single-product .summary p.price.sec-primary-product-price .sec-price__mode--excl,
html.sec-vat-incl .single-product .summary p.price.sec-primary-product-price .sec-price__mode--incl {
	display: inline-flex !important;
	opacity: 1 !important;
	visibility: visible !important;
}

html.sec-vat-excl .single-product .summary p.price.sec-primary-product-price .sec-price__mode--incl,
html.sec-vat-incl .single-product .summary p.price.sec-primary-product-price .sec-price__mode--excl {
	display: none !important;
}

@media (min-width: 922px) {
	.site-header-primary-section-right > .sec-vat-toggle--header {
		order: 99 !important;
		flex: 0 0 auto !important;
		margin-left: 9px !important;
	}
}

@media (max-width: 921px) {
	.woocommerce-checkout .sec-vat-toggle--checkout {
		display: flex !important;
		width: fit-content !important;
		margin: 0 0 12px 0 !important;
	}
	.site-header-primary-section-right > .sec-vat-toggle--header {
		order: 99 !important;
		flex: 0 0 auto !important;
		margin-left: 4px !important;
		transform: scale(.9);
		transform-origin: right center;
	}

	.sec-vat-toggle--header.sec-vat-toggle--mobile-dock {
		position: fixed !important;
		top: 68px !important;
		right: 8px !important;
		z-index: 9996 !important;
		margin: 0 !important;
		box-shadow: 0 4px 16px rgba(26, 26, 26, .14) !important;
	}
}