/* ============================================================
   UNIVERSAL SITE DROPDOWN / SELECT OVERRIDE, MASTER VERSION
   Place this file at the very bottom of your final stylesheet.

   Purpose:
   - Native select controls
   - Custom dropdown menus
   - Custom dropdown items
   - Sort dropdown controls
   - Common hover, focus, active and selected states

   The .sort-dropdown-menu / .sort-item styling is used as the
   master visual pattern for all dropdown style groups below.
   ============================================================ */

/* ---------- Master dropdown variables ---------- */

:root {
	/* Universal spacing */
	--uds-control-padding: var(--form-elements-padding, 8px 12px);
	--uds-menu-padding: 8px;
	--uds-item-padding: var(--form-elements-padding, 10px 12px);
	--uds-control-margin-bottom: var(--form-bottom-margin, 0px);
	--uds-item-margin-bottom: 0px;
	--uds-wrap-gap: 0px;
	--uds-wrap-margin-top: 0px;

	/* Universal sizing */
	--uds-control-min-height: 40px;
	--uds-trigger-hover-min-width: 250px;
	--uds-mobile-max-width: calc(100vw - 24px);

	/* Universal shape */
	--uds-radius: 5px;
	--uds-border-width: 2px;
	--uds-border-style: solid;

	/* Universal colours */
	--uds-bg: #19273c;
	--uds-control-bg: var(--form-element-bg, var(--color-container-bg, #ffffff));
	--uds-text: var(--color-container-text, #222222);
	--uds-control-text: var(--color-container-text, #222222);
	--uds-link: var(--color-link, #093662);
	--uds-border: var(--color-divider, #cccccc);
	--uds-trigger-hover-text: var(--form-element-color-hover, var(--color-container-text, #222222));
	--uds-trigger-hover-border: var(--menu-background-hover, var(--color-divider, #cccccc));
	--uds-hover-text: var(--color-blue);
	--uds-hover-bg: linear-gradient(90deg, var(--color-feature-btn-bg-gradient-one, ##093662, var(--color-feature-btn-bg-gradient-two, #087d50));

	/* Universal typography */
	--uds-font-size: var(--form-elements, inherit);
	--uds-font-weight: 400;
	--uds-label-font-weight: 600;
	--uds-line-height: 1.35;

	/* Universal effects */
	--uds-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
	--uds-focus-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08), 0 10px 24px rgba(0, 0, 0, 0.25);
	--uds-z-index: 9999;
	--uds-sort-z-index: 250;
}

/* ============================================================
   Native select controls
   ============================================================ */

select,
select[class],
select[id],
form select,
fieldset select,
label select,
[class*="select"] select,
[class*="dropdown"] select {
	box-sizing: border-box !important;
	max-width: 100% !important;
	min-height: var(--uds-control-min-height) !important;
	margin-bottom: var(--uds-control-margin-bottom) !important;
	padding: var(--uds-control-padding) !important;

	background: var(--uds-control-bg) !important;
	color: var(--uds-control-text) !important;

	border: var(--uds-border-width) var(--uds-border-style) var(--uds-border) !important;
	border-radius: var(--uds-radius) !important;
	box-shadow: var(--uds-shadow) !important;

	font: inherit !important;
	font-size: var(--uds-font-size) !important;
	font-weight: var(--uds-font-weight) !important;
	line-height: var(--uds-line-height) !important;

	text-decoration: none !important;
	outline: none !important;
	cursor: pointer !important;

	-webkit-appearance: auto !important;
	-moz-appearance: auto !important;
	appearance: auto !important;
}

select:hover,
select[class]:hover,
select[id]:hover {
	border-color: var(--uds-trigger-hover-border) !important;
}

select:focus,
select:focus-visible,
select[class]:focus,
select[class]:focus-visible,
select[id]:focus,
select[id]:focus-visible {
	outline: none !important;
	background: var(--uds-control-bg) !important;
	color: var(--uds-control-text) !important;
	border-color: var(--uds-trigger-hover-border) !important;
	box-shadow: var(--uds-focus-shadow) !important;
}

select option,
select optgroup {
	background: var(--uds-control-bg) !important;
	color: var(--uds-control-text) !important;
	font: inherit !important;
	font-size: var(--uds-font-size) !important;
	font-weight: var(--uds-font-weight) !important;
	line-height: var(--uds-line-height) !important;
	padding: var(--uds-item-padding) !important;
}

select option:hover,
select option:focus,
select option:checked,
select option:checked:hover,
select option:checked:focus {
	color: var(--uds-hover-text) !important;
	background: var(--uds-hover-bg) !important;
}

/* Multiple select row states */

select[multiple],
select[size] {
	padding: var(--uds-menu-padding) !important;
}

select[multiple] option,
select[size] option {
	margin-bottom: var(--uds-item-margin-bottom) !important;
	padding: var(--uds-item-padding) !important;
	border-radius: var(--uds-radius) !important;
	background: var(--uds-control-bg) !important;
	color: var(--uds-control-text) !important;
}

select[multiple] option:nth-child(odd),
select[multiple] option:nth-child(even),
select[size] option:nth-child(odd),
select[size] option:nth-child(even) {
	background: var(--uds-control-bg) !important;
	color: var(--uds-control-text) !important;
}

select[multiple] option:checked,
select[multiple] option:nth-child(odd):checked,
select[multiple] option:nth-child(even):checked,
select[size] option:checked,
select[size] option:nth-child(odd):checked,
select[size] option:nth-child(even):checked {
	color: var(--uds-hover-text) !important;
 option:nth-child(odd):checked,
select[size] option:nth-child(even):checked {
	color: var(--uds-hover-text) !important;
	background: var(--uds-hover-bg) !important;
}

/* select[multiple][required] option:nth-child(even) {
	color: var(--color-link) !important;
	background-color: var(--color-select-bg-evn, rgba(238, 231, 231, 0.05)) !important;
}

select[multiple][required] option:nth-child(odd) {
	color: var(--color-link) !important;
	background-color: var(--color-select-bg-odd, rgba(116, 117, 148, 0.05)) !important;
}

select[multiple] option:checked,
select[multiple] option:nth-child(even):checked,
select[multiple] option:nth-child(odd):checked {
	color: var(#fff) !important;
	background: var(--uds-hover-bg) !important;
} */

/* ============================================================
   Sort dropdown wrapper, label, trigger and caret
   ============================================================ */

.sort-dropdown-wrap,
[class*="sort-dropdown-wrap"] {
	display: flex !important;
	align-items: center !important;
	align-self: start !important;
	vertical-align: middle !important;
	gap: var(--uds-wrap-gap) !important;
	margin-top: var(--uds-wrap-margin-top) !important;
}

.sort-label,
[class*="sort-label"] {
	color: var(--uds-text) !important;
	font-weight: var(--uds-label-font-weight) !important;
	white-space: nowrap !important;
}

.sort-dropdown-trigger,
.dropdown-trigger,
.select-trigger,
.custom-select-trigger,
.custom-dropdown-trigger,
[aria-haspopup="listbox"],
[aria-haspopup="menu"],
[data-dropdown-trigger],
[class*="dropdown-trigger"],
[class*="select-trigger"] {
	box-sizing: border-box !important;
	min-height: var(--uds-control-min-height) !important;
	margin-bottom: var(--uds-control-margin-bottom) !important;
	padding: var(--uds-control-padding) !important;

	background: var(--uds-control-bg) !important;
	color: var(--uds-control-text) !important;

	border: var(--uds-border-width) var(--uds-border-style) var(--uds-border) !important;
	border-radius: var(--uds-radius) !important;
	box-shadow: var(--uds-shadow) !important;

	font: inherit !important;
	font-size: var(--uds-font-size) !important;
	font-weight: var(--uds-font-weight) !important;
	line-height: var(--uds-line-height) !important;

	text-decoration: none !important;
	cursor: pointer !important;
	outline: none !important;
}

.sort-dropdown-trigger:hover,
.sort-dropdown-trigger:focus,
.sort-dropdown-trigger:focus-visible,
.dropdown-trigger:hover,
.dropdown-trigger:focus,
.dropdown-trigger:focus-visible,
.select-trigger:hover,
.select-trigger:focus,
.select-trigger:focus-visible,
.custom-select-trigger:hover,
.custom-select-trigger:focus,
.custom-select-trigger:focus-visible,
.custom-dropdown-trigger:hover,
.custom-dropdown-trigger:focus,
.custom-dropdown-trigger:focus-visible,
[aria-haspopup="listbox"]:hover,
[aria-haspopup="listbox"]:focus,
[aria-haspopup="listbox"]:focus-visible,
[aria-haspopup="menu"]:hover,
[aria-haspopup="menu"]:focus,
[aria-haspopup="menu"]:focus-visible,
[data-dropdown-trigger]:hover,
[data-dropdown-trigger]:focus,
[data-dropdown-trigger]:focus-visible,
[class*="dropdown-trigger"]:hover,
[class*="dropdown-trigger"]:focus,
[class*="dropdown-trigger"]:focus-visible,
[class*="select-trigger"]:hover,
[class*="select-trigger"]:focus,
[class*="select-trigger"]:focus-visible {
	outline: none !important;
	min-width: var(--uds-trigger-hover-min-width) !important;
	color: var(--uds-trigger-hover-text) !important;
	border-color: var(--uds-trigger-hover-border) !important;
}

.sort-caret,
.dropdown-caret,
.select-caret,
.custom-select-caret,
.custom-dropdown-caret,
.cselect__chev,
[class*="dropdown-caret"],
[class*="select-caret"],
[class*="cselect__chev"] {
	font-size: 0 !important;
	line-height: 0 !important;

	width: 0 !important;
	height: 0 !important;

	border-left: 6px solid transparent !important;
	border-right: 6px solid transparent !important;
	border-top: 7px solid currentColor !important;

	opacity: 0.85 !important;
	display: inline-block !important;
	vertical-align: middle !important;
	margin-left: 10px !important;
}

/* ============================================================
   Custom dropdown menu containers
   ============================================================ */

.sort-dropdown-menu,
.dropdown-menu,
.dropdown-content,
.dropdown-list,
.dropdown-options,
.select-dropdown,
.select-menu,
.select-list,
.select-options,
.custom-select-menu,
.custom-dropdown-menu,
.ui-selectmenu-menu .ui-menu,
.ui-menu.ui-widget,
.select2-dropdown,
.select2-container .select2-dropdown,
.choices__list--dropdown,
.choices__list[aria-expanded],
.ts-dropdown,
.selectize-dropdown,
.chosen-drop,
[role="listbox"],
[role="menu"],
[data-dropdown-menu],
[class*="dropdown-menu"],
[class*="dropdown-list"],
[class*="dropdown-options"],
[class*="select-menu"],
[class*="select-list"],
[class*="select-options"],
[class*="options-menu"],
[class*="option-list"] {
	box-sizing: border-box !important;
	padding: var(--uds-menu-padding) !important;
	margin-bottom: var(--uds-control-margin-bottom) !important;

	background: var(--uds-bg) !important;
	color: var(--uds-text) !important;

	border-radius: var(--uds-radius) !important;
	border: var(--uds-border-width) var(--uds-border-style) var(--uds-border) !important;
	box-shadow: var(--uds-shadow) !important;

	font: inherit !important;
	font-size: var(--uds-font-size) !important;
	text-decoration: none !important;
	z-index: var(--uds-z-index) !important;
}

.sort-dropdown-menu {
	position: absolute !important;
	z-index: var(--uds-sort-z-index) !important;
}

/* ============================================================
   Custom dropdown menu items
   ============================================================ */

.sort-dropdown-menu .sort-item,
.dropdown-menu .dropdown-item,
.dropdown-menu a,
.dropdown-menu button,
.dropdown-content a,
.dropdown-content button,
.dropdown-list a,
.dropdown-list button,
.dropdown-options a,
.dropdown-options button,
.select-dropdown a,
.select-dropdown button,
.select-dropdown [role="option"],
.select-menu a,
.select-menu button,
.select-menu [role="option"],
.select-list a,
.select-list button,
.select-list [role="option"],
.select-options a,
.select-options button,
.select-options [role="option"],
.custom-select-menu a,
.custom-select-menu button,
.custom-select-menu [role="option"],
.custom-dropdown-menu a,
.custom-dropdown-menu button,
.custom-dropdown-menu [role="option"],
.ui-selectmenu-menu .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper,
.select2-results__option,
.choices__list--dropdown .choices__item,
.choices__list--dropdown .choices__item--choice,
.ts-dropdown .option,
.ts-dropdown [data-selectable],
.selectize-dropdown .option,
.selectize-dropdown [data-selectable],
.chosen-results li,
[role="listbox"] [role="option"],
[role="menu"] [role="menuitem"],
[data-dropdown-menu] a,
[data-dropdown-menu] button,
[data-dropdown-menu] [role="option"],
[data-dropdown-menu] [role="menuitem"],
[class*="dropdown-menu"] a,
[class*="dropdown-menu"] button,
[class*="dropdown-menu"] [role="option"],
[class*="dropdown-menu"] [role="menuitem"],
[class*="dropdown-list"] a,
[class*="dropdown-list"] button,
[class*="dropdown-list"] [role="option"],
[class*="select-menu"] a,
[class*="select-menu"] button,
[class*="select-menu"] [role="option"],
[class*="select-list"] a,
[class*="select-list"] button,
[class*="select-list"] [role="option"],
[class*="options-menu"] a,
[class*="options-menu"] button,
[class*="options-menu"] [role="option"],
[class*="option-list"] a,
[class*="option-list"] button,
[class*="option-list"] [role="option"] {
	box-sizing: border-box !important;
	display: block !important;
	width: 100% !important;
	margin-bottom: var(--uds-item-margin-bottom) !important;
	padding: var(--uds-item-padding) !important;

	border-radius: var(--uds-radius) !important;
	border: none !important;

	text-decoration: none !important;
	text-align: left !important;

	color: var(--uds-link) !important;
	background: transparent !important;

	font: inherit !important;
	font-size: var(--uds-font-size) !important;
	font-weight: var(--uds-font-weight) !important;
	line-height: var(--uds-line-height) !important;
	white-space: nowrap !important;

	cursor: pointer !important;
	outline: none !important;
}

/* ============================================================
   Master hover, focus, active and selected states
   IMPORTANT: keep background gradient as the last background rule.
   ============================================================ */

.sort-dropdown-menu .sort-item:hover,
.sort-dropdown-menu .sort-item:focus,
.sort-dropdown-menu .sort-item:focus-visible,
.sort-dropdown-menu .sort-item.active,
.sort-dropdown-menu .sort-item.is-active,
.sort-dropdown-menu .sort-item[aria-selected="true"],
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:focus-visible,
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item.is-active,
.dropdown-menu .dropdown-item[aria-selected="true"],
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu button:hover,
.dropdown-menu button:focus,
.dropdown-content a:hover,
.dropdown-content a:focus,
.dropdown-content button:hover,
.dropdown-content button:focus,
.dropdown-list a:hover,
.dropdown-list a:focus,
.dropdown-list button:hover,
.dropdown-list button:focus,
.dropdown-options a:hover,
.dropdown-options a:focus,
.dropdown-options button:hover,
.dropdown-options button:focus,
.select-dropdown a:hover,
.select-dropdown a:focus,
.select-dropdown button:hover,
.select-dropdown button:focus,
.select-dropdown [role="option"]:hover,
.select-dropdown [role="option"]:focus,
.select-dropdown [role="option"][aria-selected="true"],
.select-menu a:hover,
.select-menu a:focus,
.select-menu button:hover,
.select-menu button:focus,
.select-menu [role="option"]:hover,
.select-menu [role="option"]:focus,
.select-menu [role="option"][aria-selected="true"],
.select-list a:hover,
.select-list a:focus,
.select-list button:hover,
.select-list button:focus,
.select-list [role="option"]:hover,
.select-list [role="option"]:focus,
.select-list [role="option"][aria-selected="true"],
.select-options a:hover,
.select-options a:focus,
.select-options button:hover,
.select-options button:focus,
.select-options [role="option"]:hover,
.select-options [role="option"]:focus,
.select-options [role="option"][aria-selected="true"],
.custom-select-menu a:hover,
.custom-select-menu a:focus,
.custom-select-menu button:hover,
.custom-select-menu button:focus,
.custom-select-menu [role="option"]:hover,
.custom-select-menu [role="option"]:focus,
.custom-select-menu [role="option"][aria-selected="true"],
.custom-dropdown-menu a:hover,
.custom-dropdown-menu a:focus,
.custom-dropdown-menu button:hover,
.custom-dropdown-menu button:focus,
.custom-dropdown-menu [role="option"]:hover,
.custom-dropdown-menu [role="option"]:focus,
.custom-dropdown-menu [role="option"][aria-selected="true"],
.ui-selectmenu-menu .ui-menu-item-wrapper:hover,
.ui-selectmenu-menu .ui-menu-item-wrapper:focus,
.ui-selectmenu-menu .ui-state-active,
.ui-menu .ui-state-active,
.select2-results__option:hover,
.select2-results__option--highlighted,
.select2-results__option[aria-selected="true"],
.choices__list--dropdown .choices__item:hover,
.choices__list--dropdown .choices__item:focus,
.choices__list--dropdown .is-highlighted,
.ts-dropdown .option:hover,
.ts-dropdown .option:focus,
.ts-dropdown .option.active,
.ts-dropdown [data-selectable]:hover,
.ts-dropdown [data-selectable].active,
.selectize-dropdown .option:hover,
.selectize-dropdown .option:focus,
.selectize-dropdown .option.active,
.selectize-dropdown [data-selectable]:hover,
.selectize-dropdown [data-selectable].active,
.chosen-results li:hover,
.chosen-results li.highlighted,
.chosen-results li.result-selected,
[role="listbox"] [role="option"]:hover,
[role="listbox"] [role="option"]:focus,
[role="listbox"] [role="option"][aria-selected="true"],
[role="menu"] [role="menuitem"]:hover,
[role="menu"] [role="menuitem"]:focus,
[data-dropdown-menu] a:hover,
[data-dropdown-menu] a:focus,
[data-dropdown-menu] button:hover,
[data-dropdown-menu] button:focus,
[data-dropdown-menu] [role="option"]:hover,
[data-dropdown-menu] [role="option"]:focus,
[data-dropdown-menu] [role="menuitem"]:hover,
[data-dropdown-menu] [role="menuitem"]:focus,
[class*="dropdown-menu"] a:hover,
[class*="dropdown-menu"] a:focus,
[class*="dropdown-menu"] button:hover,
[class*="dropdown-menu"] button:focus,
[class*="dropdown-menu"] [role="option"]:hover,
[class*="dropdown-menu"] [role="option"]:focus,
[class*="dropdown-menu"] [role="menuitem"]:hover,
[class*="dropdown-menu"] [role="menuitem"]:focus,
[class*="select-menu"] a:hover,
[class*="select-menu"] a:focus,
[class*="select-menu"] button:hover,
[class*="select-menu"] button:focus,
[class*="select-menu"] [role="option"]:hover,
[class*="select-menu"] [role="option"]:focus,
[class*="select-list"] a:hover,
[class*="select-list"] a:focus,
[class*="select-list"] button:hover,
[class*="select-list"] button:focus,
[class*="select-list"] [role="option"]:hover,
[class*="select-list"] [role="option"]:focus,
[class*="options-menu"] a:hover,
[class*="options-menu"] a:focus,
[class*="options-menu"] button:hover,
[class*="options-menu"] button:focus,
[class*="options-menu"] [role="option"]:hover,
[class*="options-menu"] [role="option"]:focus,
[class*="option-list"] a:hover,
[class*="option-list"] a:focus,
[class*="option-list"] button:hover,
[class*="option-list"] button:focus,
[class*="option-list"] [role="option"]:hover,
[class*="option-list"] [role="option"]:focus {
	outline: none !important;
	color: var(--uds-hover-text) !important;
	background: var(--uds-hover-bg) !important;
}

/* ============================================================
   Disabled states
   ============================================================ */

select:disabled,
select[aria-disabled="true"],
.sort-dropdown-trigger:disabled,
.sort-dropdown-trigger[aria-disabled="true"],
.sort-dropdown-menu .sort-item[disabled],
.sort-dropdown-menu .sort-item[aria-disabled="true"],
.dropdown-menu [disabled],
.dropdown-menu [aria-disabled="true"],
.select-dropdown [disabled],
.select-dropdown [aria-disabled="true"],
.select-menu [disabled],
.select-menu [aria-disabled="true"],
[role="listbox"] [aria-disabled="true"],
[role="menu"] [aria-disabled="true"] {
	opacity: 0.55 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

/* ============================================================
   Mobile friendliness
   ============================================================ */

@media (max-width: 768px) {
	select,
	select[class],
	select[id],
	.sort-dropdown-trigger,
	.dropdown-trigger,
	.select-trigger,
	.custom-select-trigger,
	.custom-dropdown-trigger,
	[data-dropdown-trigger],
	[class*="dropdown-trigger"],
	[class*="select-trigger"] {
		width: 100% !important;
	}

	.sort-dropdown-menu,
	.dropdown-menu,
	.dropdown-content,
	.dropdown-list,
	.dropdown-options,
	.select-dropdown,
	.select-menu,
	.select-list,
	.select-options,
	.custom-select-menu,
	.custom-dropdown-menu,
	[role="listbox"],
	[role="menu"],
	[data-dropdown-menu],
	[class*="dropdown-menu"],
	[class*="dropdown-list"],
	[class*="dropdown-options"],
	[class*="select-menu"],
	[class*="select-list"],
	[class*="select-options"],
	[class*="options-menu"],
	[class*="option-list"] {
		max-width: var(--uds-mobile-max-width) !important;
	}
}

/* 
select[multiple][required] option:nth-child(even) {
	font-size: var(--form-elements) !important;
	margin-bottom: var(--form-bottom-margin) !important;
	background: var(--form-element-bg) !important;
}

select[multiple][required] option:nth-child(odd) {
	color: var(--color-text) !important;
	font-size: var(--form-elements) !important;
	margin-bottom: var(--form-bottom-margin) !important;
	background: var(--form-element-bg) !important;
}

select[multiple][required] option:nth-child(even):checked {
	font-size: var(--form-elements) !important;
	margin-bottom: var(--form-bottom-margin) !important;
	background: var(--form-element-bg) !important;
}
select[multiple][required] option:nth-child(odd):checked {
	font-size: var(--form-elements) !important;
	margin-bottom: var(--form-bottom-margin) !important;
	background: var(--form-element-bg) !important;
}
 */
/* ---------- Native option odd / even / placeholder / disabled misses

select option:nth-child(even),
select option:nth-child(odd),
select[multiple][required] option,
select[multiple][required] option:nth-child(even),
select[multiple][required] option:nth-child(odd),
.container-listings select option:nth-child(even),
.container-listings select option:nth-child(odd),
.container-listings .dropdown option:nth-child(even),
.container-listings .dropdown option:nth-child(odd) {
	background: var(--uds-control-bg) !important;
	background-color: var(--uds-control-bg) !important;
	color: var(--uds-control-text) !important;
	font: inherit !important;
	font-size: var(--uds-font-size) !important;
	font-weight: var(--uds-font-weight) !important;
	line-height: var(--uds-line-height) !important;
	padding: var(--uds-item-padding) !important;
	margin-left: 0 !important;
}

select option:hover,
select option:focus,
select option:checked,
select option:checked:hover,
select option:checked:focus,
select option:nth-child(even):hover,
select option:nth-child(even):focus,
select option:nth-child(even):checked,
select option:nth-child(odd):hover,
select option:nth-child(odd):focus,
select option:nth-child(odd):checked,
select[multiple][required] option:hover,
select[multiple][required] option:focus,
select[multiple][required] option:checked,
select[multiple][required] option:nth-child(even):hover,
select[multiple][required] option:nth-child(even):focus,
select[multiple][required] option:nth-child(even):checked,
select[multiple][required] option:nth-child(odd):hover,
select[multiple][required] option:nth-child(odd):focus,
select[multiple][required] option:nth-child(odd):checked,
.container-listings select option:hover,
.container-listings select option:focus,
.container-listings select option:checked,
.container-listings .dropdown option:hover,
.container-listings .dropdown option:focus,
.container-listings .dropdown option:checked {
	color: var(--uds-hover-text) !important;
	background: var(--uds-hover-bg) !important;
	background-color: transparent !important;
}

select option[value=""],
select option[value=""]:nth-child(even),
select option[value=""]:nth-child(odd) {
	background: var(--uds-control-bg) !important;
	background-color: var(--uds-control-bg) !important;
	color: var(--uds-control-text) !important;
}

select option:disabled,
select option[disabled],
select option[aria-disabled="true"],
select option:disabled:nth-child(even),
select option:disabled:nth-child(odd) {
	background: var(--uds-control-bg) !important;
	background-color: var(--uds-control-bg) !important;
	color: var(--uds-control-text) !important;
	opacity: 0.55 !important;
	cursor: not-allowed !important;
}
 ---------- */