/* Shared white cart/checkout surfaces; the live empty-cart state stays dark. */
body:is(.woocommerce-checkout, .woocommerce-cart:not(.wmw-empty-cart)) > .wp-site-blocks > main,
body:is(.woocommerce-checkout, .woocommerce-cart:not(.wmw-empty-cart)) > .wp-site-blocks > .wp-block-group:has(:is(
	.wp-block-woocommerce-cart,
	.wp-block-woocommerce-checkout,
	.woocommerce,
	form.checkout,
	.woocommerce-order,
	#order_review,
	.wp-block-woocommerce-order-confirmation-status
)) {
	font-family: var(--wp--preset--font-family--golos-text, 'Golos Text', sans-serif);
	--wp--custom--body--typography--font-family: var(--wp--preset--font-family--golos-text, 'Golos Text', sans-serif);
	--wp--custom--heading--typography--font-family: var(--wp--preset--font-family--golos-text, 'Golos Text', sans-serif);
	--wp--custom--button--typography--font-family: var(--wp--preset--font-family--golos-text, 'Golos Text', sans-serif);
	/* Override the theme's block gap so no unpatterned strip follows the header. */
	margin-block-start: 0 !important;
	/* Match the theme's full-width groups without moving the form content. */
	margin-left: calc(-1 * var(--wp--custom--gap--horizontal, 0px));
	margin-right: calc(-1 * var(--wp--custom--gap--horizontal, 0px));
	padding-left: var(--wp--custom--gap--horizontal, 0px);
	padding-right: var(--wp--custom--gap--horizontal, 0px);
	background-color: #fff;
	background-image:
		linear-gradient(135deg, #fff 0%, rgb(255 255 255 / 72%) 25%, rgb(255 255 255 / 20%) 65%, rgb(255 255 255 / 0%) 100%),
		url("images/checkout-pattern.svg?ver=2");
	background-size: 100% 100%;
	background-position: left top;
	background-repeat: no-repeat;
}

body:is(.woocommerce-checkout, .woocommerce-cart:not(.wmw-empty-cart)) > .wp-site-blocks > main h1,
body:is(.woocommerce-checkout, .woocommerce-cart:not(.wmw-empty-cart)) > .wp-site-blocks > .wp-block-group:has(:is(
	.wp-block-woocommerce-cart,
	.wp-block-woocommerce-checkout,
	.woocommerce,
	form.checkout,
	.woocommerce-order,
	#order_review,
	.wp-block-woocommerce-order-confirmation-status
)) h1 {
	font-family: var(--wp--preset--font-family--unbounded, 'Unbounded', sans-serif) !important;
}

body:is(.woocommerce-checkout, .woocommerce-cart:not(.wmw-empty-cart)) > .wp-site-blocks > main :is(input, textarea, select, button),
body:is(.woocommerce-checkout, .woocommerce-cart:not(.wmw-empty-cart)) > .wp-site-blocks > .wp-block-group:has(:is(
	.wp-block-woocommerce-cart,
	.wp-block-woocommerce-checkout,
	.woocommerce,
	form.checkout,
	.woocommerce-order,
	#order_review,
	.wp-block-woocommerce-order-confirmation-status
)) :is(input, textarea, select, button) {
	font-family: var(--wp--preset--font-family--golos-text, 'Golos Text', sans-serif) !important;
}

@media (max-width: 600px) {
	body.woocommerce-checkout > .wp-site-blocks > main h1,
	body.woocommerce-checkout > .wp-site-blocks > .wp-block-group:has(:is(
		.wp-block-woocommerce-checkout,
		.woocommerce,
		form.checkout,
		#order_review,
		.wp-block-woocommerce-order-confirmation-status
	)) h1 {
		font-size: clamp(24px, 8.5vw, 44px) !important;
		line-height: 1.1;
		letter-spacing: -0.01em;
		word-break: normal;
		overflow-wrap: normal;
	}
}