/* Override Select2 default styles with Tailwind CSS */

/* Select2 container */
.select2-container--default {
  width: 100% !important;
}

/* Select2 selection */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #334155 !important;
  color: #ffffff !important;
  border: 1px solid #475569 !important;
  border-radius: 0.375rem !important;
}

/* Select2 dropdown */
.select2-container--default .select2-dropdown {
  background-color: #1e293b !important;
  border: 1px solid #475569 !important;
  border-radius: 0.375rem !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Select2 results */
.select2-container--default .select2-results__option {
  color: #ffffff !important;
  padding: 0.5rem 0.75rem !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #334155 !important;
}

/* Select2 search field */
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #334155 !important;
  color: #ffffff !important;
  border: 1px solid #475569 !important;
  border-radius: 0.375rem !important;
  padding: 0.5rem 0.75rem !important;
}

/* Select2 selected option */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #2563eb !important;
  color: #ffffff !important;
  border: 1px solid #1d4ed8 !important;
  border-radius: 0.25rem !important;
  padding: 0.25rem 0.5rem !important;
  margin: 0.25rem !important;
}

/* Select2 remove button */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #ffffff !important;
  margin-right: 0.25rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fca5a5 !important;
}

/* Select2 placeholder */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #94a3b8 !important;
}

/* Select2 arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #94a3b8 transparent transparent transparent !important;
}

/* Select2 clear button */
.select2-container--default .select2-selection--single .select2-selection__clear {
  color: #94a3b8 !important;
}

/* Select2 dropdown padding */
.select2-container--default .select2-results > .select2-results__options {
  padding: 0.5rem 0 !important;
}

/* Select2 selection rendered */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important;
  line-height: 2rem !important;
  padding-left: 0.75rem !important;
}

/* Select2 selection height */
.select2-container--default .select2-selection--single {
  height: 2.5rem !important;
}

/* Select2 selection arrow height */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 2.5rem !important;
}