/* Sprout coverage form — intl-tel-input + acceptance checkboxes (CTM-like) */

.sprout-acf-form .iti,
form.elementor-form .iti {
	width: 100%;
}

.sprout-acf-form .iti__country-container,
form.elementor-form .iti__country-container {
	z-index: 5;
}

.sprout-acf-form .iti input.elementor-field,
form.elementor-form .iti input.elementor-field {
	width: 100%;
	padding-left: 92px !important;
}

.sprout-acf-form .iti--separate-dial-code .iti__selected-country,
form.elementor-form .iti--separate-dial-code .iti__selected-country {
	background: transparent;
	border: 0;
}

.sprout-acf-form .iti__dropdown-content,
form.elementor-form .iti__dropdown-content {
	border-radius: 8px;
	border: 1px solid #d6d6d6;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.sprout-acf-form .iti__country.iti__highlight,
form.elementor-form .iti__country.iti__highlight {
	background-color: #e8f0dc;
}

/* Acceptance: checkbox fixed left, consent text scrolls (like CTM). */
form.elementor-form .elementor-field-type-acceptance {
	background: #e8f0dc !important;
	border: 1px solid #c5d6a8 !important;
	border-radius: 8px !important;
	padding: 10px 12px !important;
	width: 100% !important;
	max-height: none !important;
	overflow: visible !important;
	margin-bottom: 8px !important;
}

form.elementor-form .elementor-field-type-acceptance > .elementor-field-label {
	display: none !important;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-subgroup,
form.elementor-form .elementor-field-type-acceptance .elementor-field-option {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	width: 100% !important;
	margin: 0 !important;
}

form.elementor-form .elementor-field-type-acceptance .elementor-acceptance-field {
	flex: 0 0 auto !important;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	margin: 2px 0 0 !important;
	accent-color: #1c3101;
	cursor: pointer;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option > label {
	flex: 1 1 auto !important;
	display: block !important;
	max-height: 64px !important;
	overflow-y: auto !important;
	margin: 0 !important;
	padding: 0 4px 0 0 !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	color: #222 !important;
	cursor: pointer;
}

/* Required asterisk on acceptance text (field label is hidden for these). */
form.elementor-form .elementor-field-type-acceptance.elementor-mark-required .elementor-field-option > label::before {
	content: '*';
	color: #d32f2f;
	font-weight: 700;
	margin-right: 4px;
}
