/**
 * Keep Checkout summary content inset at every viewport width.
 */
/* Required markers inherit the form label's color and floating-label size. */
body.woocommerce-checkout .wc-block-components-main label.pc-checkout-required-label::after {
	content: ' *';
	color: inherit;
	-webkit-text-fill-color: currentColor;
	font-weight: 700;
	white-space: pre;
}

/* Checkout needs room for two columns instead of the 45rem reading measure. */
body.woocommerce-checkout .site-main {
	--wp--style--global--content-size: 80rem;
}

body.woocommerce-checkout .site-main > .wp-block-post-content {
	box-sizing: border-box;
	width: calc(100% - clamp(2rem, 5vw, 4rem));
	max-width: 80rem !important;
	margin-inline: auto;
}

/* Keep both columns roomy, including the summary's existing inner padding. */
@media (min-width: 1100px) {
	body.woocommerce-checkout .wc-block-components-sidebar-layout {
		gap: clamp(1.5rem, 3vw, 3rem);
		flex-wrap: nowrap;
	}

	body.woocommerce-checkout .wc-block-components-sidebar-layout > .wc-block-components-main {
		flex: 58 1 0;
		width: auto;
		min-width: 0;
		padding-inline: 0;
	}

	body.woocommerce-checkout .wc-block-components-sidebar-layout > .wc-block-components-sidebar {
		flex: 42 1 0;
		width: auto;
		min-width: 0;
		padding-inline: 0;
	}
}

@media (max-width: 1099px) {
	body.woocommerce-checkout .wc-block-components-sidebar-layout {
		flex-direction: column;
	}

	body.woocommerce-checkout .wc-block-components-sidebar-layout > .wc-block-components-main,
	body.woocommerce-checkout .wc-block-components-sidebar-layout > .wc-block-components-sidebar {
		flex: auto;
		width: 100%;
		min-width: 0;
		padding-inline: 0;
	}
}

body.woocommerce-checkout .wp-block-post-content .wp-block-woocommerce-checkout {
	box-sizing: border-box;
	width: 100%;
	max-width: 80rem !important;
	margin-inline: auto;
}

/* Include portrait tablets such as the 768px-wide iPad mini. */
@media (max-width: 782px) {
	.checkout-order-summary-block-fill-wrapper {
		display: none !important;
	}

	body .wp-block-woocommerce-checkout-order-summary-block {
		margin-bottom: 1.5rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

}

/* The summary can also be stacked on tablets wider than 782px. */
body .wp-block-woocommerce-checkout-order-summary-block
	.wc-block-components-checkout-order-summary__title {
	padding: 1.5rem 1.5rem 1.25rem !important;
}

body .wp-block-woocommerce-checkout-order-summary-block
	.wc-block-components-order-summary {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

body .wp-block-woocommerce-checkout-order-summary-block
	.wc-block-components-totals-wrapper {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}