/* WooCommerce Dynamic Select Field Styles */

.ewds-dynamic-select select:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

.ewds-dynamic-select.loading select {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 50 50"><path fill="%23000" d="M25,5A20.14,20.14,0,0,1,45,22.88a2.51,2.51,0,0,0,2.49,2.26h0A2.52,2.52,0,0,0,50,22.33a25.14,25.14,0,0,0-50,0,2.52,2.52,0,0,0,2.5,2.81h0A2.51,2.51,0,0,0,5,22.88,20.14,20.14,0,0,1,25,5Z"><animateTransform attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.5s" repeatCount="indefinite"/></path></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 15px;
}

/* Editor preview styles */
.elementor-editor-active .ewds-dynamic-select select {
	background-color: #f8f9fa;
	border-color: #e9ecef;
}

.elementor-editor-active .ewds-dynamic-select select option[value^="sample"] {
	color: #6c757d;
	font-style: italic;
}

.elementor-editor-active .ewds-dynamic-select select option[value=""]:disabled {
	color: #adb5bd;
	font-style: italic;
	background-color: #f8f9fa;
}

.elementor-field-group.elementor-error .ewds-dynamic-select {
	border-color: #d72b3f !important;
}

.elementor-field-group.elementor-error .ewds-dynamic-select select {
	border-color: #d72b3f !important;
}