/* Pixel Creative — Elementor Select with Search */

/* Nasconde il select nativo quando Select2 è attivo (evita il campo doppio,
   anche se il CSS di Select2 viene sovrascritto dal tema) */
.elementor-field-group select.select2-hidden-accessible {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

/* Nasconde la freccetta nativa di Elementor quando Select2 è attivo */
.elementor-select-wrapper.pc-ss-active .select-caret-down-wrapper {
	display: none !important;
}
.elementor-select-wrapper.pc-ss-active::before {
	display: none !important;
	content: none !important;
}

.elementor-field-group .select2-container {
	width: 100% !important;
	text-align: left;
	font-family: inherit;
	font-size: inherit;
}

/* ============================================================
   Box di selezione: regole a specificità azzerata (:where) come
   fallback — il box riceve via JS la classe .elementor-field-textual,
   quindi lo stile del form Elementor (bordi, colori, font) VINCE
   su queste e il campo appare identico agli altri.
   ============================================================ */

:where(.elementor-field-group .select2-container--default) .select2-selection--single {
	height: auto;
	min-height: 40px;
	border: 1px solid #d5d8dc;
	border-radius: 4px;
	padding: 4px 8px;
	background-color: #fff;
}

:where(.elementor-field-group .select2-container--default) .select2-selection--multiple {
	min-height: 40px;
	border: 1px solid #d5d8dc;
	border-radius: 4px;
	padding: 4px 8px;
	background-color: #fff;
}

/* Layout interno del box (non estetico: sempre attivo) */
.elementor-field-group .select2-container--default .select2-selection--single {
	display: flex;
	align-items: center;
}

.elementor-field-group .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.5;
	padding-left: 0;
	color: inherit;
}

/* Placeholder: stesso colore dei placeholder degli input testuali
   (la variabile viene impostata via JS leggendo il ::placeholder reale) */
.elementor-field-group .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--pc-ph-color, rgba(0, 0, 0, 0.5));
	opacity: 1;
}

/* Select normale: testo grigio placeholder finché non c'è una scelta */
.elementor-field-group select.pc-ss-native-ph {
	color: var(--pc-ph-color, rgba(0, 0, 0, 0.5)) !important;
}

.elementor-field-group .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	top: 0;
	right: 6px;
	position: absolute;
}

.elementor-field-group .select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: 16px;
	font-size: 16px;
}

.elementor-field-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #f0f0f1;
	border: 1px solid #d5d8dc;
	border-radius: 3px;
	padding: 2px 6px;
	margin: 2px;
	font-size: 13px;
}

/* ============================================================
   Dropdown
   ============================================================ */

.elementor-field-group .select2-dropdown {
	border: 1px solid #d5d8dc;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	z-index: 99999;
	background-color: #fff;
}

.elementor-field-group .select2-search--dropdown {
	padding: 8px;
}

.elementor-field-group .select2-search--dropdown .select2-search__field {
	border: 1px solid #d5d8dc;
	border-radius: 4px;
	padding: 6px 10px;
	font-size: inherit;
	font-family: inherit;
	outline: none;
	color: #000;
}

.elementor-field-group .select2-results__options {
	max-height: 280px;
	overflow-y: auto;
}

.elementor-field-group .select2-results__option {
	padding: 8px 12px;
	font-size: inherit;
	font-family: inherit;
	color: #000;
}

/* Testo sempre nero, anche su hover/highlight: cambia solo lo sfondo */
.elementor-field-group .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.elementor-field-group .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #e8e8e9;
	color: #000;
}

.elementor-field-group .select2-container--default .select2-results__option--selected,
.elementor-field-group .select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #f0f0f1;
	color: #000;
}

.pc-ss-search-ph {
	display: none !important;
}