/* ================================
   Select2 Base Customization
================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: var(--input-bg, #fff);
    color: var(--text-color, #222);
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
    min-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #888 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--input-bg, #fff);
    color: var(--text-color, #222);
    border: 1px solid #ced4da !important;
    border-radius: 4px;
    margin-top: 4px;
}

.select2-dropdown,
.select2-results__option {
    background-color: var(--input-bg, #fff) !important;
    color: var(--text-color, #222) !important;
    border: 1px solid #ced4da !important;
}

.select2-results__option {
    padding: 8px 12px;
    cursor: pointer;
}

.select2-results__option--highlighted {
    background-color: #f5c97a !important;
    color: #111 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    right: 10px;
}

.select2-container.select2-container--open {
    z-index: 3000 !important; /* Above sidebar, modals, etc. */
}
.select2-dropdown {
    z-index: 3050 !important;
}


/* ================================
   Dark Mode Overrides
================================ */
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: var(--input-bg, #3a3b3c);
    color: var(--text-color, #fff);
    border: 1px solid #555;
}

body.dark-mode .select2-dropdown,
body.dark-mode .select2-results__option {
    background-color: var(--input-bg, #3a3b3c) !important;
    color: var(--text-color, #fff) !important;
    border: 1px solid #555 !important;
}

body.dark-mode .select2-results__option--highlighted {
    background-color: #555 !important;
    color: #fff !important;
}

body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--input-bg, #3a3b3c) !important;
    color: var(--text-color, #fff) !important;
    border: 1px solid #555 !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.dark-mode .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: var(--text-color, #fff) !important;
}