/* select2-bootstrap.css — align Select2 with Bootstrap form-control sizing + theme colours. */

.select2-container .select2-selection--single { height: calc(1.5em + 0.9rem + 2px); display: flex; align-items: center; }
.select2-container--default .select2-selection--single { border-color: var(--bs-border-color); background-color: var(--bs-body-bg); }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--bs-body-color); line-height: normal; padding-left: .75rem; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; }
.select2-dropdown { background-color: var(--bs-body-bg); border-color: var(--bs-border-color); }
.select2-container--default .select2-results__option { color: var(--bs-body-color); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--info, #2E7FA8); color: #fff; }
.select2-search--dropdown .select2-search__field { background-color: var(--bs-body-bg); color: var(--bs-body-color); border-color: var(--bs-border-color); }
/* Only elevate above the Bootstrap modal (z-index 1055) while a dropdown is open,
   so a closed page-level filter select doesn't render over an open modal/backdrop. */
.select2-container--open { z-index: 1065; }