/* Custom Select2 styling to match Tailwind classes: h-12 px-4 border border-[#E3E3E3] rounded-xl */

/* Container wrapper */
.select2-container {
  width: 100% !important;
}

/* Selection area - matches h-12 px-4 border border-[#E3E3E3] rounded-xl */
.select2-container .select2-selection--single {
  height: 3rem !important; /* h-12 */
  border: 1px solid #E3E3E3 !important; /* border border-[#E3E3E3] */
  border-radius: 0.75rem !important; /* rounded-xl */
  padding-left: 1rem !important; /* px-4 */
  padding-right: 1rem !important; /* px-4 */
  display: flex !important;
  align-items: center !important;
  background-color: white !important;
}

/* Rendered text content */
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 0 !important;
  line-height: 1.5rem !important;
  color: #0D1120 !important;
}

/* Dropdown arrow container */
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  right: 1rem !important; /* Align arrow with padding */
  top: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* Arrow icon */
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #797C81 transparent transparent transparent !important;
  border-width: 5px 4px 0 4px !important;
  margin-top: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Focus state */
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #E3E3E3 !important;
  outline: none !important;
}

/* Dropdown menu styling */
.select2-dropdown {
  border: 1px solid #E3E3E3 !important;
  border-radius: 0.75rem !important; /* rounded-xl */
  margin-top: 0.25rem !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Dropdown options */
.select2-results__option {
  padding: 0.75rem 1rem !important; /* py-3 px-4 */
  color: #0D1120 !important;
}

.select2-results__option--highlighted {
  background-color: #F7F7FD !important;
  color: #0D1120 !important;
}

.select2-results__option[aria-selected=true] {
  background-color: #5C3984 !important;
  color: white !important;
}

/* Search box in dropdown (if search is enabled) */
.select2-search--dropdown .select2-search__field {
  border: 1px solid #E3E3E3 !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem 0.75rem !important;
  margin: 0.5rem !important;
}