/**
 * Starstone - Localitati RO
 * Integrarea vizuala a Select2 in campurile Elementor.
 *
 * Problema rezolvata: Select2 isi calculeaza latimea o singura data, la
 * initializare (ex. width: 215.531px inline), si deseneaza propria sageata.
 * Rezultat: caseta Select2 e mai ingusta decat campul Elementor, se vede
 * fundalul campului in dreapta, iar sageata apare de doua ori.
 *
 * Stilurile sunt limitate la cele doua campuri ale noastre, ca sa nu
 * afectam alte select-uri din site.
 */

/* 1. Select2 ocupa toata latimea campului, si la redimensionarea ferestrei. */
.elementor-field-group-judet .select2-container,
.elementor-field-group-localitate .select2-container {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: 100%;
}

/* 2. Caseta Select2 se suprapune peste campul Elementor, fara chenar propriu. */
.elementor-field-group-judet .select2-container--default .select2-selection--single,
.elementor-field-group-localitate .select2-container--default .select2-selection--single {
	display: flex;
	align-items: center;
	height: 100%;
	min-height: 100%;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: inherit;
	outline: none;
	box-shadow: none;
}

/* 3. Textul selectat mosteneste tipografia campului Elementor. */
.elementor-field-group-judet .select2-container--default .select2-selection--single .select2-selection__rendered,
.elementor-field-group-localitate .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}

/* 4. Placeholder-ul are aceeasi culoare ca placeholder-ul input-urilor. */
.elementor-field-group-judet .select2-selection__placeholder,
.elementor-field-group-localitate .select2-selection__placeholder {
	color: inherit;
	opacity: 0.6;
}

/* 5. Pastram o singura sageata: cea a temei (.select-caret-down-wrapper),
      ca sa arate identic cu restul select-urilor din site. */
.elementor-field-group-judet .select2-container--default .select2-selection--single .select2-selection__arrow,
.elementor-field-group-localitate .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}

/* 6. Campul dezactivat pastreaza fundalul campului Elementor,
      nu grayscale-ul implicit Select2. */
.elementor-field-group-localitate .select2-container--disabled .select2-selection--single {
	background: transparent;
	cursor: not-allowed;
	opacity: 0.6;
}

/* 7. Dropdown-ul deschis trebuie sa fie deasupra celorlalte campuri. */
.select2-container--open {
	z-index: 10000;
}