/**
 * Heritage Coffee — WooCommerce form / Select2 layout fix.
 *
 * Bootstrap 4 uses `.form-row { display: flex }` for grid gutters.
 * WooCommerce reuses `.form-row` as each field wrapper. That flex
 * layout squeezes State Select2 into a narrow column and clips it
 * over City / ZIP on cart shipping calculator and checkout.
 */

/* Restore WooCommerce field stacking (override Bootstrap flex .form-row) */
.woocommerce .form-row,
.woocommerce-page .form-row,
.woocommerce-shipping-calculator .form-row,
.cart_totals .form-row {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	flex-wrap: unset !important;
	overflow: visible !important;
}

.woocommerce .form-row-first,
.woocommerce .form-row-last,
.woocommerce-page .form-row-first,
.woocommerce-page .form-row-last {
	width: 47% !important;
	display: inline-block !important;
	vertical-align: top;
}

.woocommerce .form-row-wide,
.woocommerce-page .form-row-wide {
	width: 100% !important;
	clear: both;
}

/* Full-width State/Country controls + Select2 */
.woocommerce .form-row select,
.woocommerce .form-row .select2-container,
.woocommerce-shipping-calculator select,
.woocommerce-shipping-calculator .select2-container,
#calc_shipping_state_field .select2-container,
#calc_shipping_country_field .select2-container,
#billing_state_field .select2-container,
#shipping_state_field .select2-container,
#billing_country_field .select2-container,
#shipping_country_field .select2-container {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.woocommerce .select2-dropdown,
.woocommerce-page .select2-dropdown,
body .select2-container--open .select2-dropdown {
	min-width: 220px;
	z-index: 100020 !important;
	box-sizing: border-box;
}

.woocommerce .select2-container,
.woocommerce-page .select2-container {
	z-index: 100010;
}

.woocommerce .select2-results__options {
	max-height: 280px;
}

/* Keep dropdowns from being clipped by cart totals / checkout columns */
.woocommerce-cart .cart_totals,
.woocommerce-cart .shipping-calculator-form,
.woocommerce-cart .woocommerce-shipping-calculator,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-input-wrapper,
.woocommerce-checkout .form-group {
	overflow: visible !important;
}