/**
 * Scoped WooCommerce Cart + Checkout Blocks styling for grace-glory-soap-co.
 * Do not override block layout with fragile root-level grids.
 */

:root {
	--header-height: 5rem;
}

body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-pay,
body.woocommerce-order-received {
	background-color: hsl(var(--background));
	color: hsl(var(--foreground));
	font-family: var(--font-body, 'Sora', system-ui, sans-serif);
}

.tmt-wc-page .wc-block-cart,
.tmt-wc-page .wc-block-checkout {
	font-family: var(--font-body, 'Sora', system-ui, sans-serif);
	color: hsl(var(--foreground));
}

.tmt-wc-page .wc-block-components-product-name,
.tmt-wc-page .wc-block-components-title,
.tmt-wc-page .wp-block-heading,
.tmt-wc-page .wc-block-cart__totals-title,
.tmt-wc-page .wc-block-checkout__title {
	font-family: var(--font-display, 'Fraunces', Georgia, serif);
	color: hsl(var(--foreground));
}

.tmt-wc-page .wc-block-components-text-input input,
.tmt-wc-page .wc-block-components-select select,
.tmt-wc-page .wc-block-components-textarea textarea {
	font-family: var(--font-body, 'Sora', system-ui, sans-serif);
	font-size: 15px;
	border-radius: 1rem;
	border: 1px solid hsl(var(--nude));
	background: hsl(var(--vanilla));
	color: hsl(var(--foreground));
}

.tmt-wc-page .wc-block-components-button,
.tmt-wc-page .wc-block-cart__submit-button,
.tmt-wc-page .wc-block-components-checkout-place-order-button {
	border-radius: 999px;
	font-family: var(--font-label, 'Sora', system-ui, sans-serif);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background: hsl(var(--raspberry));
	color: hsl(var(--cream));
}

.tmt-wc-page .wc-block-components-button:hover,
.tmt-wc-page .wc-block-cart__submit-button:hover,
.tmt-wc-page .wc-block-components-checkout-place-order-button:hover {
	background: hsl(var(--strawberry));
}

.tmt-wc-page .wc-block-components-notice-banner,
.tmt-wc-page .woocommerce-notices-wrapper .woocommerce-message,
.tmt-wc-page .woocommerce-notices-wrapper .woocommerce-error,
.tmt-wc-page .woocommerce-notices-wrapper .woocommerce-info {
	border-radius: 1rem;
}

.tmt-wc-page .wc-block-cart-item__product,
.tmt-wc-page .wc-block-components-order-summary-item {
	border-color: hsl(var(--nude));
}

.tmt-wc-page .wc-block-components-totals-item,
.tmt-wc-page .wc-block-components-formatted-money-amount {
	color: hsl(var(--strawberry));
	font-family: var(--font-display, 'Fraunces', Georgia, serif);
}

@media (max-width: 767px) {
	.tmt-wc-page__inner {
		padding-inline: 1rem;
	}
}