/* Select2 CSS fixes */
.select2-selection__rendered {
    line-height: 2.6em !important;
}

.select2-container .select2-selection--single {
    height: 2.6em !important;
}

.select2-selection__arrow {
    height: 2.6em !important;
}

/* Default border to match Bootstrap form controls */
.select2-container .select2-selection--single {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
    /* Rounded corners to match Bootstrap */
    padding: 0rem 0rem;
    /* Bootstrap form control padding */
}

/* Outline and shadow on focus to match Bootstrap */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    border-color: #80bdff !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    /* Bootstrap primary shadow */
}

/* Adjust arrow position */
.select2-selection__arrow {
    height: 100% !important;
    top: 0;
    right: 0;
    /* Align arrow with padding */
}

/* /Select2 CSS fixes */


/* Force Select2 to respect your theme colours */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: var(--bs-body-bg, #fff) !important;
    color: var(--bs-body-color, #212529) !important;
    border-color: var(--bs-border-color, #dee2e6) !important;
}

.select2-container--default .select2-results__option {
    color: var(--bs-body-color, #212529);
    background-color: var(--bs-body-bg, #fff);
}

.select2-container--default .select2-results__option--highlighted {
    background-color: var(--bs-primary, #0d6efd) !important;
    color: #fff !important;
}

/* Fix dropdown z-index when inside Bootstrap cards/modals */
.select2-dropdown {
    z-index: 9999 !important;
}