/* App-owned overrides layered on top of the Sneat/Vuexy theme + vendor libs.
   Loaded last in <head> so these win on equal specificity. */

/* ---- Select2 ↔ Bootstrap control sizing -------------------------------------
   The plain Select2 theme renders its single-select box at its own height, so on
   filter bars (where the neighbours are form-*-sm inputs/buttons) and inside
   modals the picker doesn't line up with the other controls. Match Select2's box
   to the Bootstrap control it replaces — default size, with a -sm variant when
   the origin <select> carries form-select-sm / form-control-sm (the filter rows). */
.select2-container--default .select2-selection--single {
  height: calc(1.5em + 0.75rem + 2px);          /* = .form-control height */
  display: flex;
  align-items: center;
  border: 1px solid var(--bs-border-color, #d1d0d4);
  border-radius: var(--bs-border-radius, 0.375rem);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.5;
  padding-left: 0.6rem;
  padding-right: 1.5rem;
  color: var(--bs-body-color, #6f6b7d);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 0;
  right: 0.25rem;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  line-height: 1.4;
}

/* Small variant — line up with the -sm controls used in list-page filter bars. */
select.form-select-sm + .select2-container--default .select2-selection--single,
select.form-control-sm + .select2-container--default .select2-selection--single {
  height: calc(1.5em + 0.5rem + 2px);           /* = .form-control-sm height */
  font-size: 0.8125rem;
}

/* Focus/open state matches Bootstrap's focused control border. */
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--bs-primary, #7367f0);
}