/**
 * Custom checkout sections.
 *
 * Values carried over from the inline styles the previous WPCode implementation
 * emitted, so the checkout looks the same.
 */

.custom-checkout-fields-wrapper {
	margin-bottom: 20px;
}

.custom-checkout-fields {
	padding: 20px;
	background: #f1f7ff;
	border-radius: 15px;
	overflow: hidden;
}

.custom-checkout-fields-wrapper .custom-checkout-fields + .custom-checkout-fields {
	margin-top: 20px;
}

.cri-trip-summary {
	margin-bottom: 20px;
}

.cri-trip-summary .custom-checkout-fields {
	overflow: hidden !important;
}

.cri-trip-summary input[readonly],
.cri-trip-summary input[disabled] {
	background: #fff;
	cursor: default;
	opacity: 1;
}

/**
 * The same sections on the registration form.
 *
 * The register column is half the page (Woodmart's `col-md-6` inside `#customer_login`),
 * so the checkout's paired `form-row-first` / `form-row-last` rows would each be
 * squeezed to about a quarter of the viewport. The field classes in the schema are
 * left alone — they are correct at checkout, and the schema is shared — and overridden
 * here for this form only.
 */
.woocommerce-form-register .custom-checkout-fields-wrapper {
	margin-top: 20px;
}

.woocommerce-form-register .custom-checkout-fields .form-row-first,
.woocommerce-form-register .custom-checkout-fields .form-row-last {
	float: none;
	width: 100%;
	clear: both;
}