/* ==========================================================================
   Select2 Theme Override - Global Dark/Light Mode Support
   Applied to all pages for consistency across the application
   ========================================================================== */

/* Light Mode (default) */
html:not([data-theme="dark"]) .select2-container--default .select2-selection {
  background-color: #fff !important;
  border-color: #dbdade !important;
  color: #6f6b7d !important;
}

html:not([data-theme="dark"]) .select2-container--default .select2-selection__rendered {
  color: #6f6b7d !important;
}

html:not([data-theme="dark"]) .select2-dropdown {
  background-color: #fff !important;
  border-color: #dbdade !important;
  box-shadow: 0 0.25rem 1rem hsla(251, 6%, 66%, 0.45) !important;
}

html:not([data-theme="dark"]) .select2-results__option {
  color: #6f6b7d !important;
}

html:not([data-theme="dark"]) .select2-results__option[aria-selected=true] {
  background-color: #7367f0 !important;
  color: #fff !important;
}

html:not([data-theme="dark"]) .select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
  background-color: rgba(115, 103, 240, 0.08) !important;
  color: #7367f0 !important;
}

html:not([data-theme="dark"]) .select2-search--dropdown .select2-search__field {
  background-color: #fff !important;
  border-color: #dbdade !important;
  color: #6f6b7d !important;
}

html:not([data-theme="dark"]) .select2-container--default .select2-search__field {
  color: #6f6b7d !important;
  background-color: #fff !important;
}

html:not([data-theme="dark"]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(75, 70, 92, 0.2) !important;
  color: #6f6b7d !important;
}

html:not([data-theme="dark"]) .select2-container--default.select2-container--disabled .select2-selection--single,
html:not([data-theme="dark"]) .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: rgba(75, 70, 92, 0.08) !important;
  border-color: #dbdade !important;
}

/* Dark Mode */
html[data-theme="dark"] .select2-container--default .select2-selection {
  background-color: #2f3349 !important;
  border-color: #434968 !important;
  color: #b6bee3 !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection__rendered {
  color: #b6bee3 !important;
}

html[data-theme="dark"] .select2-dropdown {
  background-color: #2f3349 !important;
  border-color: #434968 !important;
  box-shadow: 0 0.25rem 1rem rgba(15, 20, 34, 0.55) !important;
}

html[data-theme="dark"] .select2-results__option {
  color: #b6bee3 !important;
}

html[data-theme="dark"] .select2-results__option[aria-selected=true] {
  background-color: #7367f0 !important;
  color: #fff !important;
}

html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
  background-color: rgba(115, 103, 240, 0.2) !important;
  color: #b6bee3 !important;
}

html[data-theme="dark"] .select2-search--dropdown .select2-search__field {
  background-color: #2f3349 !important;
  border-color: #434968 !important;
  color: #b6bee3 !important;
}

html[data-theme="dark"] .select2-container--default .select2-search__field {
  color: #b6bee3 !important;
  background-color: #2f3349 !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #25293c !important;
  color: #b6bee3 !important;
}

html[data-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--single,
html[data-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: rgba(134, 146, 208, 0.08) !important;
  border-color: #434968 !important;
}