/* Import after Select2's default styles to override them */
/* This file should be loaded AFTER select2.min.css */

/* Reset Select2 to match your app's input styling exactly */
.select2-container {
  width: 100% !important;
}

/* Your exact input styles applied to Select2 */
.select2-container--default .select2-selection--single {
  appearance: none !important;
  background-color: white !important;
  border: 1px solid #d5d7da !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  color: #181d27 !important;
  font-size: 1rem !important;
  height: auto !important;
  min-height: 44px !important;
  padding: 0.625rem 0.875rem !important;
  background-position: right 8px center !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
}

/* Hide Select2's default arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}

/* Style the rendered text */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #181d27 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  padding: 0 !important;
  padding-right: 24px !important;
}