/* Custom Select2 styles for SB Admin 2 Blue */

/* Pill-shaped Select2 for user-facing forms */
.select2-container--bootstrap-5.select2-pill .select2-selection {
    border-radius: 10rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

/* Adjust height to match .form-control-user if possible */
.select2-container--bootstrap-5.select2-pill .select2-selection--single {
    height: calc(1.5em + 1.25rem + 2px) !important;
    display: flex;
    align-items: center;
}

/* Fix z-index for Select2 dropdowns in Bootstrap modals */
.select2-container--open {
    z-index: 9999 !important;
}

/* Match SB Admin 2 focus style */
.select2-container--bootstrap-5.select2-container--focus .select2-selection {
    border-color: #bac8f3 !important;
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25) !important;
}

/* Ensure dropdown matches theme */
.select2-container--bootstrap-5 .select2-dropdown {
    border-color: #d1d3e2 !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    border-radius: 0.35rem;
}