/**
 * LEX Conditional Checkout Fields
 *
 * WooCommerce expresses a half width field with form-row-first and form-row-last, which
 * only line up when the theme floats them. A checkout template that lays its fields out
 * with flex or grid ignores the float, so the two fields keep their reduced width and
 * stack anyway. The script pairs them inside this wrapper, which lines them up whatever
 * the surrounding container does.
 */

.lex-ccf-pair {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	width: 100%;
	column-gap: var( --lex-ccf-gap, 16px );
}

.lex-ccf-pair > .form-row {
	flex: 1 1 0;
	min-width: 0;
	box-sizing: border-box;
	float: none;
	width: auto;
	max-width: none;
	clear: none;
}

.lex-ccf-pair > .form-row input,
.lex-ccf-pair > .form-row select,
.lex-ccf-pair > .form-row .select2-container {
	width: 100%;
	box-sizing: border-box;
}

@media screen and ( max-width: 600px ) {
	.lex-ccf-pair {
		display: block;
	}

	.lex-ccf-pair > .form-row {
		width: 100%;
	}
}

/* Express checkout lifted out of the contact section. */
.lex-ccf-express-substep > .lex-ccf-express-title {
	margin-bottom: .75em;
}

.lex-ccf-express-substep .lex-ccf-express-inner > p:last-child {
	margin-bottom: 0;
}

/* Addresses are shown as the customer typed them, never forced into capitals. */
.fc-step__substep-text,
.fc-step__substep-text-line,
.woocommerce-customer-details address,
.wc-block-components-address-card {
	text-transform: none;
}

/* Digital download note under a product title in the cart. */
.lex-ccf-digital-note {
	display: block;
	margin: .25em 0 0;
	font-size: .85em;
	line-height: 1.35;
	opacity: .8;
}