/* Select2 tuned to match the website's own input style (rounded-xl,
   border-slate-200, harvest focus ring) — the same idea as the admin
   console's override in console-extra.css, different palette/sizing. */
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single {
  height: 3rem; /* matches the site's px-4 py-3 text inputs */
  border: 1px solid #e2e8f0; /* border-slate-200 */
  border-radius: 0.75rem; /* rounded-xl */
  padding: 0 0.25rem;
  display: flex;
  align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.4;
  color: #1e293b; /* text-slate-800 */
  padding-left: 0.75rem;
  padding-right: 1.75rem;
  font-size: 0.875rem;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #94a3b8; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.9rem; right: 6px; }
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #1f8a2a; /* harvest-500 */
  box-shadow: 0 0 0 2px #d6eed7; /* harvest-100 */
}
.select2-dropdown { border-color: #e2e8f0; border-radius: 0.75rem; z-index: 60; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #1f8a2a; }
.select2-container--open { z-index: 60; }

/* An invalid field (server-side validation error) keeps a red ring even
   once select2 has replaced the native <select> with its own markup. */
.select2-container--default.hw-select2-invalid .select2-selection--single {
  border-color: #d32f2f;
}