/* Custom styles to make Select2 match Drupal 10 Claro Theme's native select */
.select2-container--default .select2-selection--single {
  height: 3rem; /* 48px matches Claro's form elements */
  border: 1px solid #8e929c; /* Claro default border */
  border-radius: 2px;
  background-color: #f3f4f9; /* Claro default input background */
  display: flex;
  align-items: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal;
  color: #222330;
  padding-left: 1rem;
  font-size: 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 0.5rem;
  display: flex;
  align-items: center;
}

/* Hover effect */
.select2-container--default .select2-selection--single:hover {
  border-color: #55565b;
}

/* Focus and Open effect */
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #003cc5;
  box-shadow: 0 0 0 2px #26a769; /* Claro green-ish or blue-ish focus ring */
  outline: none;
}

.select2-container--default.select2-container--open .select2-selection--single {
  box-shadow: 0 0 0 2px #003cc5; /* Active blue focus */
}

/* Adjust dropdown list styling slightly */
.select2-dropdown {
  border: 1px solid #003cc5;
  border-radius: 2px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #8e929c;
  border-radius: 2px;
  padding: 0.5rem;
  height: 2.5rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #003cc5;
  color: white;
}