@charset "UTF-8";

/*
 * Presentation-only WooCommerce foundation. Cart and Checkout Blocks keep
 * their native markup, state, validation, and order-processing behavior.
 */
.mw-woocommerce-shell,
.woocommerce-cart .mw-page-shell,
.woocommerce-checkout .mw-page-shell,
.woocommerce-account .mw-page-shell {
	padding: clamp(2rem, 5vw, 5rem) var(--mw-page-gutter);
}

.mw-woocommerce-shell > .woocommerce,
.woocommerce-cart .mw-entry__content,
.woocommerce-checkout .mw-entry__content,
.woocommerce-account .mw-entry__content {
	width: min(100%, var(--mw-wide-width));
	margin-inline: auto;
}

.woocommerce :where(.price, .amount, .stock),
.wc-block-components-product-price,
.wc-block-components-totals-item__value {
	font-family: var(--mw-font-ui);
}

.woocommerce :where(.button, button.button, input.button),
.wc-block-components-button {
	min-height: 2.875rem;
	border-radius: 0;
}

.woocommerce :where(.quantity .qty, select, input, textarea),
.wc-block-components-text-input input {
	border-radius: 0;
}

.woocommerce :where(.woocommerce-error, .woocommerce-info, .woocommerce-message),
.wc-block-components-notice-banner {
	padding: 1rem;
	border: 1px solid currentcolor;
	border-radius: 0;
	background: transparent;
}

.woocommerce .woocommerce-error,
.wc-block-components-notice-banner.is-error {
	color: var(--mw-error);
}

.woocommerce .woocommerce-message,
.wc-block-components-notice-banner.is-success {
	color: var(--mw-success);
}

.woocommerce table,
.wc-block-cart-items {
	border-collapse: collapse;
}

.woocommerce :where(th, td),
.wc-block-cart-items :where(th, td) {
	border-block-end: 1px solid var(--mw-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-block-end: 1px solid var(--mw-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding-block: 0.75rem;
}

@media (width < 48rem) {
	.mw-woocommerce-shell,
	.woocommerce-cart .mw-page-shell,
	.woocommerce-checkout .mw-page-shell,
	.woocommerce-account .mw-page-shell {
		padding-inline: var(--mw-page-gutter);
	}
}