/* Adjust Select2 container to behave like a Bootstrap 5 form-control */
.select2-container .select2-selection--single {
    height: calc(1.5em + .75rem + 2px); /* Match Bootstrap 5 form-control height */
    padding: .375rem .75rem; /* Match Bootstrap 5 form-control padding */
    font-size: .875rem; /* Match Bootstrap 5 form-control font size */
    border-radius: .2rem; /* Match Bootstrap 5 border radius */
    border: 1px solid #ced4da; /* Match Bootstrap 5 border color */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5; /* Align text vertically */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem + 2px); /* Match arrow height to input height */
}