/* Custom Choices.js Styling */
.choices {
  position: relative;
}

/* Main container styling */
.choices__inner {
  background-color: #374151 !important; /* Gray-700 background */
  border: 2px solid #3b82f6 !important; /* Blue border */
  border-radius: 0.5rem !important;
  color: #ffffff !important; /* White text */
  min-height: 44px !important;
  padding: 7.5px 12px !important;
}

/* Dropdown arrow styling */
.choices[data-type*="select-one"]:after {
  border-color: #ffffff transparent transparent transparent !important;
  margin-top: -2.5px !important;
}

/* Selected items (tags) styling */
.choices__item--selectable {
  background-color: #1f2937 !important; /* Gray-800 background */
  border: 1px solid #3b82f6 !important; /* Blue border */
  color: #ffffff !important; /* White text */
  border-radius: 0.375rem !important;
  padding: 4px 8px !important;
  margin: 2px !important;
}

/* Selected item remove button */
.choices__item--selectable .choices__button {
  border: none !important;
  color: #ffffff !important;
  font-weight: bold !important;
  padding: 0 6px !important;
  margin-left: 4px !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
}

.choices__item--selectable .choices__button:hover {
  background-color: #dc2626 !important; /* Darker red on hover */
}

/* Dropdown list styling */
.choices__list--dropdown {
  background-color: #374151 !important; /* Gray-700 background */
  border: 1px solid #3b82f6 !important; /* Blue border */
  border-radius: 0.5rem !important;
  color: #ffffff !important;
  max-height: 200px !important;
  overflow-y: auto !important;
}

/* Hover state for dropdown options */
.choices__item--choice:hover,
.choices__item--choice.is-highlighted {
  background-color: #3b82f6 !important; /* Blue background on hover */
  color: #ffffff !important;
}

/* Selected state for dropdown options */
.choices__item--choice.is-selected {
  background-color: #1e40af !important; /* Darker blue for selected */
  color: #ffffff !important;
}

/* Placeholder text */
.choices__placeholder {
  color: #9ca3af !important; /* Gray-400 for placeholder */
  opacity: 1 !important;
}

/* Search input styling */
.choices__input {
  background-color: transparent !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
}

.choices__input::placeholder {
  color: #9ca3af !important; /* Gray-400 for placeholder */
}

/* Focus state */
.choices.is-focused .choices__inner {
  border-color: #60a5fa !important; /* Light blue border when focused */
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Disabled state */
.choices.is-disabled .choices__inner {
  background-color: #4b5563 !important; /* Gray-600 when disabled */
  opacity: 0.5 !important;
}