/**
 * Checkout-page styles
 *
 * Used by VenuesLive\SatelliteCatering\Checkout.
 *
 * Two concerns:
 *   1. Page-layout fixes: hide WC's shipping section + Additional information
 *      section, hide the empty col-2, stretch col-1 full width.
 *   2. Custom block above payment: card-style wrapper with internal spacing,
 *      scrollable T&Cs text box.
 *
 * All selectors are scoped under .woocommerce-checkout (or otherwise
 * checkout-specific) so the rules don't activate outside the checkout page
 * even though the stylesheet loads site-wide.
 */

/* ---- No-payment notice (above the payment section) ---------------------- */
/* Shown by PayOnInvoice::render_no_payment_notice() when the cart is fully
   credit-covered ($0 total) or the user is a pay-on-invoice client. WC
   hides the payment options area entirely for $0 carts, which leaves the
   customer with no signal about why no card is being asked for — this
   notice fills that gap. */
.sc-no-payment-notice {
	margin: 0 0 16px;
	padding: 12px 16px;
	background: rgba(0, 163, 173, 0.06);
	border-left: 4px solid var(--color-primary, #00a3ad);
	border-radius: 4px;
}
.sc-no-payment-notice p {
	margin: 0;
	color: var(--color-text, #1a1a2e);
	font-size: 14px;
	line-height: 1.5;
}

/* ---- Page-layout fixes --------------------------------------------------- */
/* Hide shipping section + "ship to different address" toggle */
.woocommerce-shipping-fields,
#ship-to-different-address {
	display: none !important;
}

/* Hide WC's "Additional information" order notes — we render our own
   dietary requirements field inside the custom block above payment. */
.woocommerce-additional-fields > h3,
.woocommerce-additional-fields__field-wrapper {
	display: none !important;
}

/* col-2 is empty after we strip shipping; hide it and stretch col-1 to
   fill the available width. */
.woocommerce-checkout .col-2 {
	display: none !important;
}

.woocommerce-checkout .col-1 {
	width: 100% !important;
	float: none !important;
	margin-right: 0 !important;
}

/* ---- Custom block above payment ----------------------------------------- */
.sc-checkout-notes {
	margin: 12px 0 18px 0;
	padding: 12px;
	border: 1px solid var(--color-border, rgba(0, 0, 0, .12));
	border-radius: 8px;
}

.sc-terms-box {
	margin-top: 14px;
}

.sc-terms-text {
	margin-top: 10px;
	max-height: 220px;
	overflow: auto;
	padding: 10px;
	background: var(--color-bg, #fff);
	border: 1px solid var(--color-border, rgba(0, 0, 0, .08));
	border-radius: 6px;
	font-size: 13px;
	line-height: 1.45;
}
