/**
 * Site-wide dropdown panels — grey background, white text.
 * Forminator Select2, intl-tel-input, header language, datepicker, native selects.
 */

:root {
	--leocar-dropdown-bg: #1d1d1d;
	--leocar-dropdown-bg-deep: #141414;
	--leocar-dropdown-text: #fafafa;
	--leocar-dropdown-muted: rgba(250 250 250 / 0.65);
	--leocar-dropdown-border: rgba(255 255 255 / 0.16);
	--leocar-dropdown-highlight: rgba(39 172 91 / 0.22);
}

/* Forminator Select2 — open list panel */
.forminator-select-dropdown,
.select2-container.forminator-select .forminator-select-dropdown,
.select2-dropdown {
	border: 1px solid var(--leocar-dropdown-border) !important;
	border-radius: 12px !important;
	background: var(--leocar-dropdown-bg) !important;
	box-shadow: 0 12px 32px rgba(0 0 0 / 0.45) !important;
	color: var(--leocar-dropdown-text) !important;
	overflow: hidden;
}

.forminator-select-dropdown .select2-results,
.forminator-select-dropdown .select2-results__options,
.select2-dropdown .select2-results,
.select2-dropdown .select2-results__options {
	background: transparent !important;
	color: var(--leocar-dropdown-text) !important;
}

.forminator-select-dropdown .select2-results__option,
.select2-dropdown .select2-results__option {
	padding: 0.65rem 0.85rem !important;
	color: var(--leocar-dropdown-text) !important;
	background: transparent !important;
}

.forminator-select-dropdown .select2-results__option--highlighted,
.forminator-select-dropdown .select2-results__option--highlighted[aria-selected],
.forminator-select-dropdown .select2-results__option[aria-selected='true'],
.select2-dropdown .select2-results__option--highlighted,
.select2-dropdown .select2-results__option--highlighted[aria-selected],
.select2-dropdown .select2-results__option[aria-selected='true'] {
	background: var(--leocar-dropdown-highlight) !important;
	color: #e8fff0 !important;
}

.select2-search--dropdown {
	padding: 0.5rem 0.65rem !important;
	background: var(--leocar-dropdown-bg-deep) !important;
}

.select2-search--dropdown .select2-search__field {
	border: 0 !important;
	border-radius: 8px !important;
	background: rgba(0 0 0 / 0.35) !important;
	color: var(--leocar-dropdown-text) !important;
}

.select2-search--dropdown .select2-search__field::placeholder {
	color: var(--leocar-dropdown-muted) !important;
}

/* intl-tel-input — country list (appended to body) */
.iti__dropdown-content {
	background: var(--leocar-dropdown-bg-deep) !important;
	border: 1px solid rgba(255 255 255 / 0.14) !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 32px rgba(0 0 0 / 0.45) !important;
	color: var(--leocar-dropdown-text) !important;
}

.iti__search-input {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0.5rem 0.65rem !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255 255 255 / 0.12) !important;
	border-radius: 12px 12px 0 0 !important;
	background: #0f0f0f !important;
	color: var(--leocar-dropdown-text) !important;
}

.iti__search-input::placeholder {
	color: rgba(250 250 250 / 0.45) !important;
}

.iti__country-list,
.iti__country {
	background: transparent !important;
	color: var(--leocar-dropdown-text) !important;
}

.iti__country-name {
	color: var(--leocar-dropdown-text) !important;
}

.iti__dial-code {
	color: var(--leocar-dropdown-muted) !important;
}

.iti__country.iti__highlight,
.iti__country.iti__highlight .iti__country-name,
.iti__country.iti__highlight .iti__dial-code {
	background: var(--leocar-dropdown-highlight) !important;
	color: var(--leocar-dropdown-text) !important;
}

/* Header language switcher */
header .language ul {
	background: var(--leocar-dropdown-bg) !important;
	border: 1px solid var(--leocar-dropdown-border);
	border-radius: 0.5rem;
	box-shadow: 0 12px 32px rgba(0 0 0 / 0.45);
	color: var(--leocar-dropdown-text) !important;
}

header .language ul li,
header .language ul li a {
	color: var(--leocar-dropdown-text) !important;
}

header .language ul li:hover,
header .language ul li.active {
	background: var(--leocar-dropdown-highlight);
}

/* Datepicker — footer/title still light in LiteSpeed bundle */
.datepicker-footer,
.datepicker-title {
	background-color: var(--leocar-dropdown-bg) !important;
	color: var(--leocar-dropdown-text) !important;
	box-shadow: inset 0 1px 1px rgba(255 255 255 / 0.08) !important;
}

.datepicker-picker,
.datepicker-controls .button {
	color: var(--leocar-dropdown-text);
}

/* Native select options (best-effort; OS menus vary) */
select option,
select optgroup {
	background-color: var(--leocar-dropdown-bg);
	color: var(--leocar-dropdown-text);
}