// ------------------------------------
// CHECKOUT BILLING STEP
// ------------------------------------
body.has-highlighted-billing-section div.woocommerce form .fc-step__substep[data-substep-id="billing_address"] {
	background-color: $lighter-grey;

	// Make fields background white
	textarea,
	select,
	input[type="email"],
	input[type="number"],
	input[type="date"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	.select2-selection,
	.select2-selection .select2-selection__rendered,
	.ts-control {
		background-color: $white !important; // Needed to override theme styles
		color: inherit !important; // Needed to override theme styles
	}
}

body.has-highlighted-billing-section div.woocommerce form .fc-step__substep .fc-highlighted-field-wrapper--billing {
	background-color: $lighter-grey;

	// Padding
	padding: $checkout-substep-padding;
	@media (#{$bp-larger-than-tablet}) { padding: $checkout-substep-padding--large-screen; }

	// Margin
	margin: $checkout-substep-margin-expand;
	margin-top: 0;
	margin-bottom: #{ - $global-spacing-small };

	@media (#{$bp-larger-than-tablet}) {
		margin: $checkout-substep-margin-expand--large-screen;
		margin-top: 0;
		margin-bottom: #{ - $global-spacing-small };
	}
}



div.woocommerce form .woocommerce-billing-only-fields__field-wrapper {
	margin-top: $global-spacing-small;
}
div.woocommerce form .woocommerce-billing-only-fields__field-wrapper:before,
div.woocommerce form .woocommerce-billing-only-fields__field-wrapper:after {
	@include clearfix();
}



div.woocommerce form .woocommerce-billing-fields__field-wrapper {
	display: block;
	margin: 0;
}
div.woocommerce form .woocommerce-billing-only-fields__field-wrapper:not( :last-child ),
div.woocommerce form .woocommerce-billing-fields__field-wrapper:not( :last-child ) {
	padding-bottom: $global-spacing-small;
}

div.woocommerce form .woocommerce-billing-fields__field-wrapper:after {
	@include clearfix();
}



// Temporarily hide expansible form sections while the collapsible-block script is not yet loaded
body:not( .has-collapsible-block ) .woocommerce-billing-fields__field-wrapper.is-collapsed > .collapsible-content__inner {
	display: none;
}



div.woocommerce form .form-row.fc-same-address-checkbox {
	margin-bottom: $global-spacing-small;
}

div.woocommerce form .form-row.fc-same-address-checkbox label {
	display: inline-block !important; // Needed to override theme styles
}
