/* Component: order-summary — checkout review table, cart totals, order-received summary. */

.mx-wc .shop_table { width: 100%; border-collapse: collapse; font-size: var(--mx-text-md); }
.mx-checkout__summary .shop_table thead th { text-align: left; padding: 0 0 var(--mx-space-3); font-size: var(--mx-text-sm); color: var(--mx-muted); font-weight: 600; border-bottom: 1px solid var(--mx-line-strong); }
.mx-checkout__summary .shop_table thead .product-total { text-align: right; }
.mx-checkout__summary .cart_item td { padding: 14px 0; border-bottom: 1px solid var(--mx-line); vertical-align: top; }
.mx-checkout__summary .cart_item .product-name { font-weight: 600; color: var(--mx-ink); padding-right: var(--mx-space-3); }
.mx-checkout__summary .product-quantity { font-weight: 400; color: var(--mx-ink-soft); }
.mx-checkout__summary .cart_item .variation { margin: 6px 0 0; display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; font-size: var(--mx-text-xs); font-weight: 400; color: var(--mx-leaf-dark); }
.mx-checkout__summary .cart_item .variation dd, .mx-checkout__summary .cart_item .variation p { margin: 0; }
.mx-wc .shop_table .product-total, .mx-wc .shop_table tfoot td, .mx-wc .cart_totals td { text-align: right; font-weight: 600; }
.mx-wc .shop_table tfoot th, .mx-wc .cart_totals th { text-align: left; font-weight: 400; color: var(--mx-ink-soft); padding: 10px 0; }
.mx-wc .shop_table tfoot td, .mx-wc .cart_totals td { padding: 10px 0; }
.mx-wc .order-total th, .mx-wc .order-total td { padding-top: var(--mx-space-3); border-top: 1px solid var(--mx-line-strong); font-size: var(--mx-text-lg); color: var(--mx-ink); font-weight: 700; }
.mx-wc .order-total td strong { font-size: var(--mx-text-xl); }
.mx-wc #shipping_method { list-style: none; margin: 0; padding: 0; text-align: left; font-weight: 400; }
.mx-wc #shipping_method li { display: flex; gap: var(--mx-space-2); align-items: flex-start; justify-content: flex-end; }
.mx-wc .woocommerce-shipping-totals th { vertical-align: top; }
.mx-wc .woocommerce-shipping-destination, .mx-wc .woocommerce-shipping-calculator { display: none; }

/* Order received */
.mx-received-band {
	display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-space-8);
	margin-bottom: var(--mx-space-10); padding: 40px;
	border: 1px solid var(--mx-line); border-radius: var(--mx-radius-xl); background: var(--mx-sage);
}
.mx-received-band__icon { flex: 0 0 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--mx-leaf); color: var(--mx-white); }
.mx-received-band__copy { flex: 1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: var(--mx-space-2); }
.mx-received-band__title { font-size: 44px; line-height: 1.08; }
.mx-received-band__text { margin: 0; font-size: var(--mx-text-lg); color: var(--mx-ink-soft); }
.mx-received { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--mx-space-12); }
.mx-received__main { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 44px; }
.mx-received__main > section { display: flex; flex-direction: column; gap: var(--mx-space-4); }
.mx-received__title { font-size: var(--mx-h3); }
.mx-transfer { padding: 26px; border: 1.5px dashed var(--mx-transfer-border); border-radius: var(--mx-radius-lg); background: var(--mx-sage-soft); }
.mx-transfer__list { margin: 0; display: grid; grid-template-columns: minmax(150px, auto) 1fr; gap: 10px 20px; font-size: var(--mx-text-md); }
.mx-transfer__list dt { color: var(--mx-muted); }
.mx-transfer__list dd { margin: 0; font-weight: 600; word-break: break-word; }
.mx-timeline { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.mx-timeline__item { position: relative; display: flex; gap: 18px; padding-bottom: 26px; }
.mx-timeline__item:not(:last-child)::before { content: ""; position: absolute; left: 16px; top: 36px; bottom: 2px; width: 2px; background: var(--mx-line-strong); }
.mx-timeline__dot { flex: 0 0 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--mx-forest); background: var(--mx-white); color: var(--mx-forest); font-weight: 700; font-size: var(--mx-text-md); }
.mx-timeline__item.is-done .mx-timeline__dot { border-color: var(--mx-leaf); background: var(--mx-leaf); color: var(--mx-white); }
.mx-timeline__body { display: flex; flex-direction: column; gap: var(--mx-space-1); }
.mx-timeline__body strong { font-size: 17px; }
.mx-timeline__body span { font-size: var(--mx-text-md); line-height: 1.55; color: var(--mx-ink-soft); }
.mx-info-grid--3 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.mx-received__summary {
	flex: 1 1 360px; min-width: 0; max-width: 440px;
	display: flex; flex-direction: column; gap: var(--mx-space-4);
	padding: 26px; border: 1px solid var(--mx-line); border-radius: var(--mx-radius-xl); background: var(--mx-sage);
}
.mx-received__lines { margin: 0; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); row-gap: 10px; font-size: var(--mx-text-md); }
.mx-received__lines dt { padding-right: var(--mx-space-4); }
.mx-received__lines dt span { display: block; font-size: var(--mx-text-xs); color: var(--mx-leaf-dark); }
.mx-received__lines dd { margin: 0; text-align: right; font-weight: 600; }
.mx-received__lines .is-total { padding-top: var(--mx-space-3); border-top: 1px solid var(--mx-line-strong); font-size: var(--mx-text-lg); font-weight: 700; }
.mx-received__block { display: flex; flex-direction: column; gap: var(--mx-space-1); padding-top: 14px; border-top: 1px solid var(--mx-line); font-size: var(--mx-text-md); line-height: 1.55; color: var(--mx-ink-soft); }
.mx-received__block strong { color: var(--mx-ink); }

@media (max-width: 720px) {
	.mx-received-band { padding: var(--mx-space-6); gap: var(--mx-space-4); }
	.mx-received-band__icon { flex-basis: 52px; height: 52px; }
	.mx-received-band__title { font-size: 32px; }
	.mx-received-band__text { font-size: var(--mx-text-base); }
	.mx-transfer { padding: var(--mx-space-5); }
	.mx-transfer__list { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.mx-transfer__list dd { margin-bottom: var(--mx-space-2); }
	.mx-received__summary { max-width: none; }
}