/**
 * State field styles for Elementor atomic form (e-form-state).
 */

.e-form-base .elementor-field-type-state.cfef-atomic-field-group,
form[data-e-type="e-form"] .elementor-field-type-state.cfef-atomic-field-group {
	position: relative;
	width: 100%;
}

.e-form-base .elementor-field-type-state .sfef-custom-dropdown,
form[data-e-type="e-form"] .elementor-field-type-state .sfef-custom-dropdown {
	right: 6px;
	left: 6px !important;
	position: absolute;
	top: calc(100% + 1px);
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
	display: none;
	z-index: 15;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	max-height: 200px;
	overflow-y: auto;
}

.e-form-base .elementor-field-type-state .sfef-custom-dropdown li,
form[data-e-type="e-form"] .elementor-field-type-state .sfef-custom-dropdown li {
	padding: 5px 10px;
	cursor: pointer;
}

.e-form-base .elementor-field-type-state .sfef-custom-dropdown li:hover,
form[data-e-type="e-form"] .elementor-field-type-state .sfef-custom-dropdown li:hover {
	background: #f0f0f0;
}

.e-form-base .elementor-field-type-state input.elementor-state-field[placeholder="Select a country"],
form[data-e-type="e-form"] .elementor-field-type-state input.elementor-state-field[placeholder="Select a country"] {
	cursor: not-allowed;
}