/**
 * Checkout layout tweaks for the checkout THIS PLUGIN renders itself, inside
 * the booking drawer (.mpwpb_order_proceed_area) -- a narrow panel that has to
 * stack billing and order review into a single column.
 *
 * Every rule here must stay scoped to the plugin's own markup.
 *
 * These rules were previously written against bare
 * `.woocommerce-checkout form #customer_details` / `#order_review` selectors,
 * which also matched the STORE's own WooCommerce checkout page. Combined with
 * `width: 100% !important` that flattened the theme's two-column checkout into
 * one stacked column on every site the plugin was activated on -- the
 * !important beat the theme regardless of its specificity, and these files are
 * enqueued after the theme's. The unscoped review-table and shop_table rules
 * below had the same problem: they reshaped the store's own order-review
 * columns.
 */

.mpwpb_order_proceed_area form #customer_details.col2-set,
.mpwpb_order_proceed_area form #order_review,
.mpwpb_order_proceed_area form #order_review_heading {
	width: 100% !important;
	float: none !important;
}

.mpwpb_order_proceed_area table.woocommerce-checkout-review-order-table .product-name {
	min-width: calc(100% - 125px);
	display: table-cell !important;
}

.mpwpb_order_proceed_area table.shop_table,
.mpwpb-active table.shop_table {
	width: 100%;
}

.mpwpb-active h1.wp-block-post-title {
	max-width: 1200px !important;
}