/* Match Select2 height to Bootstrap form-control */
.select2-container--default .select2-selection--single {
    height: calc(2.375rem + 2px); /* Matches Bootstrap 5 .form-control height */
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    font-size: 1rem;
}

/* Remove extra spacing inside the selection */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding-left: 0;
}

/* Fix arrow alignment */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 0.75rem;
    top: 0;
    display: flex;
    align-items: center;
}