/* Tom Select – Bootstrap 5.3 Dark Theme */
[data-bs-theme="dark"] .ts-control,
[data-bs-theme="dark"] .ts-dropdown,
[data-bs-theme="dark"] .ts-dropdown .option {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

/* Input */
[data-bs-theme="dark"] .ts-control input {
    color: var(--bs-body-color);
}

/* Placeholder */
[data-bs-theme="dark"] .ts-control input::placeholder {
    color: var(--bs-secondary-color);
}

/* Dropdown options */
[data-bs-theme="dark"] .ts-dropdown .option {
    background-color: var(--bs-body-bg);
}

/* Hover / active option */
[data-bs-theme="dark"] .ts-dropdown .option.active,
[data-bs-theme="dark"] .ts-dropdown .option:hover {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

/* Selected item (multi-select) */
[data-bs-theme="dark"] .ts-control .item {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    border-radius: 0.375rem;
}

/* Fix: Tom Select (v2.2.2) typing input for Bootstrap 5.3 dark theme */
[data-bs-theme="dark"] .ts-control,
[data-bs-theme="dark"] .ts-control .items,
[data-bs-theme="dark"] .ts-control input,
[data-bs-theme="dark"] .ts-control .ts-input,
[data-bs-theme="dark"] .ts-control .search-field input,
[data-bs-theme="dark"] .ts-control input[type="search"],
[data-bs-theme="dark"] .ts-control .form-control {
    background-color: transparent !important;
    color: var(--bs-body-color) !important;
    caret-color: var(--bs-body-color) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Placeholder color */
[data-bs-theme="dark"] .ts-control input::placeholder,
[data-bs-theme="dark"] .ts-control .ts-input::placeholder,
[data-bs-theme="dark"] .ts-control .search-field input::placeholder {
    color: var(--bs-secondary-color) !important;
}

/* Ensure selected item text respects dark theme */
[data-bs-theme="dark"] .ts-control .item {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
}