.mtc-cart-shipping-note,
.mtc-checkout-trust {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 18px 0;
	padding: 14px 16px;
	border: 1px solid color-mix(in srgb, var(--mtc-primary) 34%, var(--mtc-line));
	border-radius: 12px;
	color: var(--mtc-text);
	background: color-mix(in srgb, var(--mtc-primary) 7%, var(--mtc-surface));
}
.mtc-checkout-submit-warning { margin: 0 0 18px; padding: 14px 16px; border: 2px solid #c76b22; border-radius: 12px; color: #5f2b05; background: #fff1df; text-align: center; }
[data-theme="dark"] .mtc-checkout-submit-warning { color: #ffe3c3; background: #3a2415; }
.mtc-checkout-captcha { width: 100%; margin: 14px 0; padding: 14px; border: 1px solid var(--mtc-line); border-radius: 11px; background: var(--mtc-surface); }

.mtc-cart-shipping-note > span,
.mtc-checkout-trust > span {
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: var(--mtc-primary);
}

.mtc-cart-shipping-note p,
.mtc-checkout-trust p { margin: 0; color: var(--mtc-muted); }
.mtc-checkout-trust strong { display: block; margin-bottom: 3px; }

.mtc-checkout-progress { margin: 0 0 22px; overflow-x: auto; scrollbar-width: thin; }
.mtc-checkout-progress ol {
	min-width: 480px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}
.mtc-checkout-progress li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 11px 8px;
	border-block: 1px solid var(--mtc-line);
	color: var(--mtc-muted);
	background: var(--mtc-surface);
	font-size: 13px;
}
.mtc-checkout-progress li::after {
	content: '';
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: 0;
	width: 28%;
	height: 2px;
	background: var(--mtc-line);
}
.mtc-checkout-progress li:last-child::after { display: none; }
.mtc-checkout-progress li > span {
	width: 29px;
	height: 29px;
	flex: 0 0 29px;
	display: grid;
	place-items: center;
	border: 1px solid var(--mtc-line);
	border-radius: 50%;
	background: var(--mtc-bg);
	font-weight: 700;
}
.mtc-checkout-progress .is-current { color: var(--mtc-text); font-weight: 700; }
.mtc-checkout-progress .is-current > span { border-color: var(--mtc-primary); color: #fff; background: var(--mtc-primary); }
.mtc-checkout-progress .is-complete { color: var(--mtc-accent); font-weight: 700; }
.mtc-checkout-progress .is-complete > span { border-color: var(--mtc-accent); color: #fff; background: var(--mtc-accent); }
.mtc-checkout-progress .is-complete::after { background: var(--mtc-accent); }

.mtc-commerce-wide .mtc-container.mtc-commerce-area,
.mtc-commerce-wide .mtc-container.mtc-content-area,
.mtc-commerce-wide main.mtc-container,
.woocommerce-cart .mtc-commerce-area,
.woocommerce-checkout .mtc-commerce-area,
.woocommerce-order-received .mtc-commerce-area { width: min(1480px, calc(100% - 32px)) !important; max-width: 1480px !important; }
.mtc-commerce-wide .mtc-entry,
.mtc-commerce-wide .mtc-entry-content,
.mtc-commerce-wide .mtc-entry-content > *,
.mtc-commerce-wide .wp-block-post-content,
.mtc-commerce-wide .wp-block-post-content > .woocommerce,
.mtc-commerce-wide .wp-block-woocommerce-cart,
.mtc-commerce-wide .wp-block-woocommerce-checkout { width: 100% !important; max-width: none !important; margin-inline: 0 !important; }
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.mtc-commerce-wide .wc-block-cart,
.mtc-commerce-wide .wc-block-checkout { width: 100% !important; max-width: none !important; }
.woocommerce-cart .woocommerce-cart-form { overflow-x: auto; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.woocommerce-checkout .form-row { width: 100% !important; float: none !important; margin: 0 0 14px; }
.woocommerce-checkout .form-row-wide,
.woocommerce-checkout #billing_address_1_field,
.woocommerce-checkout #billing_address_2_field,
.woocommerce-checkout #shipping_address_1_field,
.woocommerce-checkout #shipping_address_2_field,
.woocommerce-checkout #order_comments_field { grid-column: 1 / -1; }
.woocommerce-checkout .form-row label { display: block; margin-bottom: 5px; color: var(--mtc-text); font-weight: 700; }
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-container .select2-selection--single { width: 100%; min-height: 48px; border: 1px solid var(--mtc-line) !important; border-radius: 9px; color: var(--mtc-text) !important; background-color: var(--mtc-bg) !important; }
.woocommerce-checkout .input-text, .woocommerce-checkout textarea { padding: 10px 12px; }
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { padding: 9px 12px; color: var(--mtc-text); line-height: 28px; }
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; }
.woocommerce-checkout .select2-dropdown { border-color: var(--mtc-line); color: var(--mtc-text); background: var(--mtc-surface); }
.woocommerce-checkout .select2-results__option--highlighted { color: #fff !important; background: var(--mtc-primary) !important; }
.woocommerce-checkout #payment ul.payment_methods { display: grid !important; gap: 10px; margin: 0; padding: 16px; list-style: none; }
.woocommerce-checkout #payment ul.payment_methods > li { display: block !important; padding: 13px 14px; border: 1px solid var(--mtc-line); border-radius: 11px; background: var(--mtc-surface); }
.woocommerce-checkout #payment ul.payment_methods > li.payment_method_bacs,
.woocommerce-checkout #payment ul.payment_methods > li[class*="card"],
.woocommerce-checkout #payment ul.payment_methods > li[class*="receipt"] { border-width: 2px; border-color: color-mix(in srgb, var(--mtc-primary) 62%, var(--mtc-line)); background: color-mix(in srgb, var(--mtc-primary) 8%, var(--mtc-surface)); box-shadow: 0 8px 24px color-mix(in srgb, var(--mtc-primary) 12%, transparent); }
.woocommerce-checkout #payment ul.payment_methods label { color: var(--mtc-text); font-weight: 800; }
.woocommerce-checkout #payment div.payment_box { margin: 10px 0 0; color: var(--mtc-text); background: var(--mtc-bg); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--mtc-bg); }
.woocommerce-checkout #payment .place-order { display: flex; flex-wrap: wrap; justify-content: center; }
.woocommerce-checkout #payment #place_order { min-width: min(100%, 260px); margin-inline: auto; }
.woocommerce-checkout .woocommerce-mini-cart__buttons .button,
.woocommerce-cart .wc-proceed-to-checkout .button,
.mtc-cart-drawer .woocommerce-mini-cart__buttons .button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px !important; border-radius: 10px !important; line-height: 1.25 !important; text-align: center; }
.woocommerce-order-pay .mtc-order-pay-account-details { margin: 18px 0; }
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option { margin-bottom: 10px; border: 1px solid var(--mtc-line); border-radius: 11px; background: var(--mtc-surface); }
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:has(input[value*="bacs"]),
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:has(input[value*="card"]) { border-width: 2px; border-color: var(--mtc-primary); }

[data-theme="dark"] .woocommerce-checkout input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
[data-theme="dark"] .woocommerce-checkout select,
[data-theme="dark"] .woocommerce-checkout textarea,
[data-theme="dark"] .woocommerce-checkout .select2-selection,
[data-theme="dark"] .woocommerce-checkout .select2-search__field,
[data-theme="dark"] .wc-block-checkout input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] .wc-block-checkout select,
[data-theme="dark"] .wc-block-checkout textarea,
[data-theme="dark"] .wc-block-components-text-input input,
[data-theme="dark"] .wc-block-components-combobox-control input { color: var(--mtc-text) !important; background-color: var(--mtc-surface) !important; border-color: var(--mtc-line) !important; color-scheme: dark; -webkit-text-fill-color: var(--mtc-text); }
[data-theme="dark"] .woocommerce-checkout input:-webkit-autofill,
[data-theme="dark"] .wc-block-checkout input:-webkit-autofill { box-shadow: 0 0 0 1000px var(--mtc-surface) inset !important; -webkit-text-fill-color: var(--mtc-text) !important; }
[data-theme="dark"] .select2-container--default .select2-results__option,
[data-theme="dark"] .select2-container--default .select2-search--dropdown { color: var(--mtc-text); background: var(--mtc-surface); }
[data-theme="dark"] .wc-block-components-address-form,
[data-theme="dark"] .wc-block-components-address-card,
[data-theme="dark"] .wc-block-components-radio-control-accordion-option { color: var(--mtc-text); background: var(--mtc-surface); }

.mtc-checkout-standard.woocommerce-checkout form.checkout { display: block; }
.mtc-checkout-standard.woocommerce-checkout form.checkout > .col2-set,
.mtc-checkout-standard.woocommerce-checkout form.checkout > #order_review_heading,
.mtc-checkout-standard.woocommerce-checkout form.checkout > #order_review { width: 100%; margin-bottom: 20px; }

@media (min-width: 901px) {
	.mtc-checkout-sticky-review.mtc-checkout-optimized.woocommerce-checkout #order_review {
		position: sticky;
		top: 104px;
		align-self: start;
	}
}

@media (max-width: 720px) {
	.mtc-checkout-progress ol { min-width: 430px; }
	.mtc-checkout-progress li { font-size: 12px; }
	.woocommerce-cart table.cart td { padding: 10px; }
	.woocommerce-cart table.cart .product-thumbnail { display: block; }
	.woocommerce-cart table.cart img { width: 60px; }
	.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
	.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
	.woocommerce-checkout .woocommerce-additional-fields__field-wrapper { grid-template-columns: 1fr; }
	.woocommerce-checkout .form-row { grid-column: 1; }
}

@supports not (color: color-mix(in srgb, black, white)) {
	.mtc-cart-shipping-note,
	.mtc-checkout-trust { border-color: var(--mtc-line); background: var(--mtc-bg); }
}
