/**
 * Instant Checkout — Blocksy theme compatibility.
 *
 * Blocksy restructures the WooCommerce checkout markup in two ways the popup's own stylesheet
 * cannot anticipate, because the selectors it targets (.ct-order-review, .ct-shipping-heading)
 * only exist when Blocksy is active. These rules are loaded only on Blocksy so the base
 * stylesheet stays theme-agnostic. Everything stays scoped under .wcf-icp-overlay.
 */

/* Blocksy wraps the order review in a bordered .ct-order-review box. The popup moves that review
 * into the rail and the payment section into its own step, so on every step this wrapper is left
 * as an empty bordered box at the top of the checkout body. Strip its chrome so it collapses; the
 * payment section it still holds on the payment step keeps the popup's own spacing. */

.wcf-icp-overlay .ct-order-review {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}

/* Blocksy renders the shipping total as a single colspan cell with a stacked .ct-shipping-heading
 * and method list, so "Shipment" and its rate wrap onto two lines. Lay them out on one row, label
 * start / value end, matching the subtotal, tax and total rows. Scoped to the review table itself
 * so it applies whether it sits in the two-pane rail or the QuickBuy payment step. */

.wcf-icp-overlay .woocommerce-checkout-review-order-table tfoot tr.shipping td {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.wcf-icp-overlay .woocommerce-checkout-review-order-table tr.shipping .ct-shipping-heading {
	margin: 0;
	font-weight: 400;
}

.wcf-icp-overlay .woocommerce-checkout-review-order-table tr.shipping .woocommerce-shipping-methods {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: end;
}

.wcf-icp-overlay .woocommerce-checkout-review-order-table tr.shipping .woocommerce-shipping-methods li {
	margin: 0;
	list-style: none;
}