/* ============================================================
   MUVO Hair — Checkout
   Loaded only on /checkout/.
   ============================================================ */

.woocommerce-checkout .woocommerce-checkout {
	max-width: 1180px;
	margin-inline: auto;
}

/* Two-column checkout: form on the left, order review sidebar on the right. */
.woocommerce-checkout form.checkout.woocommerce-checkout {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	gap: var(--space-7);
	align-items: start;
}

.woocommerce-checkout form.checkout.woocommerce-checkout > wc-order-attribution-inputs,
.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-order-attribution-inputs {
	display: none;
}

.woocommerce-checkout #customer_details {
	display: block;
	min-width: 0;
}

.woocommerce-checkout #customer_details > div {
	width: 100% !important;
	float: none !important;
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	margin-bottom: var(--space-5);
}

.woocommerce-checkout .muvr-checkout-sidebar {
	grid-column: 2;
	grid-row: 1;
	position: sticky;
	top: calc(var(--header-h) + var(--space-3));
}

.woocommerce-checkout #order_review_heading {
	font-size: var(--fs-h3);
	margin-top: 0;
}

.woocommerce-checkout #order_review .shop_table {
	margin-bottom: var(--space-4);
}

.woocommerce-checkout #order_review .shop_table td,
.woocommerce-checkout #order_review .shop_table th {
	padding: var(--space-3) var(--space-4);
}

.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: 1px solid var(--border);
}

.woocommerce-checkout #payment div.payment_box p {
	font-size: var(--fs-small);
}

.woocommerce-checkout #place_order {
	font-size: var(--fs-body);
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-3) var(--space-4);
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
	margin-bottom: var(--space-3);
}

.woocommerce-checkout .form-row-wide {
	grid-column: 1 / -1;
}

.woocommerce-checkout .woocommerce-shipping-fields {
	margin-top: var(--space-6);
}

.woocommerce-checkout #ship-to-different-address {
	font-size: var(--fs-h4);
}

.woocommerce-checkout #order_comments {
	min-height: 80px;
}

@media (max-width: 1024px) {
	.woocommerce-checkout form.checkout.woocommerce-checkout {
		grid-template-columns: 1fr;
	}

	.woocommerce-checkout .muvr-checkout-sidebar {
		grid-column: 1;
		grid-row: auto;
		position: static;
	}

	.woocommerce-checkout #order_review_heading {
		margin-top: var(--space-6);
	}
}

@media (max-width: 768px) {
	.woocommerce-checkout #customer_details,
	.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
	.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
		grid-template-columns: 1fr;
	}
}