/* Payment information stays beside the purchase action without covering fields. */
body.single-product .saara-product-price-summary__payment {
	white-space: pre-line;
	max-width: 260px;
}
body.single-product .saara-product-price-summary__price {
	color: #315f50;
}
.saara-checkout-payment-summary {
	display: grid;
	gap: 4px;
	margin: 0 0 10px;
	padding: 12px;
	border: 1px solid #d8c7a9;
	border-radius: 8px;
	background: #fffaf2;
	color: #315f50;
	font-size: 14px;
	line-height: 1.4;
	white-space: pre-line;
}
/* Keep the native summary before the form, matching WooCommerce's DOM order.
 * Its own accessible toggle and live totals remain managed by Checkout Blocks. */
@media (max-width: 980px) {
	body.woocommerce-checkout .wc-block-checkout.wc-block-components-sidebar-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
	}
	body.woocommerce-checkout .wc-block-checkout.wc-block-components-sidebar-layout > .wc-block-checkout__sidebar {
		order: 0 !important;
		flex: none !important;
		height: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		position: static !important;
	}
	body.woocommerce-checkout .wc-block-checkout.wc-block-components-sidebar-layout > .wc-block-checkout__main {
		order: 1 !important;
		flex: none !important;
	}
	body.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title {
		padding: 14px !important;
	}
	body.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary__content {
		display: block !important;
		width: 100% !important;
	}
}
@media (max-width: 620px) {
	body.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary-item {
		display: grid !important;
		grid-template-columns: 48px minmax(0, 1fr) !important;
		box-sizing: border-box;
	}
	body.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary-item__description {
		grid-column: 2 !important;
		padding: 0 !important;
	}
	body.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary-item__total-price {
		grid-column: 2 !important;
		grid-row: 2;
		justify-self: end;
	}
	body.single-product .saara-mobile-purchase-bar {
		grid-template-columns: minmax(0, 1fr) minmax(108px, .6fr);
		gap: 8px;
	}
	body.single-product .saara-mobile-purchase-bar__total small {
		font-size: 12px;
		line-height: 1.3;
	}
	body.single-product .saara-mobile-purchase-bar__total strong {
		color: #315f50;
		margin: 3px 0;
	}
	body.single-product:has(.saara-mobile-purchase-bar.is-visible) {
		padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px));
	}
}