/* ==========================================================
   CHECKOUT WOOCOMMERCE / ELEMENTOR
   ========================================================== */


/* ==========================================================
   WRAPPER CAMPI
   ========================================================== */

.woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	column-gap: 4%;
}


/* ==========================================================
   CAMPI 50%
   ========================================================== */

#billing_first_name_field,
#billing_last_name_field,
#billing_country_field,
#billing_city_field,
#billing_postcode_field,
#billing_state_field {
	width: 48% !important;
	flex: 0 0 48% !important;
}


/* ==========================================================
   CAMPI 100%
   ========================================================== */

#billing_email_field,
#billing_codice_fiscale_field,
#billing_address_1_field,
#billing_phone_field,
#billing_is_company_field,
#billing_company_field,
#billing_company_address_field,
#billing_partita_iva_field {
	width: 100% !important;
	flex: 0 0 100% !important;
}


/* ==========================================================
   CAP + PROVINCIA
   ========================================================== */

#billing_postcode_field,
#billing_state_field {
	display: flex !important;
	flex-direction: column;
	align-self: flex-start;
}


#billing_postcode_field > label,
#billing_state_field > label {
	display: block;
	width: 100%;
}


#billing_postcode_field .woocommerce-input-wrapper,
#billing_state_field .woocommerce-input-wrapper {
	display: block;
	width: 100%;
	margin-top: 0 !important;
}


#billing_postcode_field input,
#billing_state_field select,
#billing_state_field .select2-container {
	width: 100% !important;
	margin-top: 0 !important;
}


/* ==========================================================
   SELECT2 - PAESE / PROVINCIA
   ========================================================== */

#select2-billing_country-container {
	padding: 10px;
	line-height: normal;
	height: auto;
	font-size: 1rem !important;
}


/* ==========================================================
   AZIENDA
   ========================================================== */

#billing_is_company_field {
	width: 100% !important;
	flex: 0 0 100% !important;
	margin-top: 8px;
}


/*
 * Campi aziendali nascosti al primo caricamento.
 * Il JS li mostrerà se il checkbox Azienda è selezionato.
 */

.rt-company-field {
	display: none;
}


/*
 * Nascondiamo "(facoltativo)" perché quando il blocco
 * viene visualizzato i campi sono obbligatori.
 */

.rt-company-field .optional {
	display: none;
}


/*
 * Asterisco sui campi aziendali.
 */

.rt-company-field > label::after {
	content: " *";
	color: #b81c23;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

	.woocommerce-billing-fields__field-wrapper {
		column-gap: 0;
	}


	#billing_first_name_field,
	#billing_last_name_field,
	#billing_country_field,
	#billing_city_field,
	#billing_postcode_field,
	#billing_state_field {
		width: 100% !important;
		flex: 0 0 100% !important;
	}

}

/* ======================================
   TITOLO METODO DI PAGAMENTO
   ====================================== */

.rt-checkout-payment-title {
	width: 100%;
	margin: 30px 0 15px;
	font-size:1rem;
	text-transform:uppercase;
}