// ------------------------------------
// SELECT2 FORM FIELDS
// ------------------------------------

div.woocommerce form span.select2-container {
	width: 100% !important; // Prevents select2 from overflowing the available space
	max-width: 100%; // Prevents select2 from overflowing the available space
}



div.woocommerce form .form-row span.select2-container {
	height: auto;
}



div.woocommerce form .form-row .select2-selection {
	height: auto;
	min-height: $form-field-select2-selection-height--single;
	border-radius: $form-field-border-radius;
	line-height: 0;
}



div.woocommerce form .form-row .select2-selection__rendered {
	min-height: $form-field-select2-selection-height--single;
	border-radius: $form-field-border-radius;
}



div.woocommerce form .form-row .select2-selection .select2-selection__clear,
div.woocommerce form .form-row .select2-selection .select2-selection__arrow {
	top: 0;
	margin-top: 0;
	height: auto;
	min-height: $form-field-select2-inner-component-height;
	line-height: $form-field-select2-inner-component-height;
	transform: none;
}



div.woocommerce form .form-row .select2-selection--single {
	padding: 0;
}



div.woocommerce form .form-row .select2-selection--single .select2-selection__rendered {
	padding-top: 0;
	padding-bottom: 0;
	padding-#{ $alignment-left }: $form-field-padding-left;
	line-height: $form-field-select2-selection-height--single;
}


div.woocommerce form .form-row .select2-selection--multiple {
	border-width: $form-field-border-width;
}



div.woocommerce form .form-row .select2-selection--multiple .select2-selection__rendered {
	padding-bottom: $form-field-select2-inner-spacing;
	min-height: $form-field-select2-selection-height--multiple;
 	line-height: $form-field-select2-selection-height--multiple;
 	white-space: normal;
}

div.woocommerce form .form-row .select2-selection--multiple .select2-selection__choice {
	margin-top: $form-field-select2-inner-spacing;
	line-height: $form-field-select2-inner-component-height;
	overflow: hidden;
}



div.woocommerce form .form-row .select2-selection--multiple .select2-search--inline {
	margin-top: $form-field-select2-inner-spacing;
	min-height: $form-field-select2-inner-component-height;
	line-height: $form-field-select2-inner-component-height;
}

div.woocommerce form .form-row .select2-selection--multiple .select2-search--inline .select2-search__field {
	margin-top: 0;
	height: $form-field-select2-selection-height--multiple;
 	min-height: auto;
}
