/* App-specific tweaks on top of Bootstrap live here. */

/* Tom Select (ux-autocomplete) integration with Bootstrap themes.
   The bootstrap5 theme uses Bootstrap CSS variables, but the selected
   multi-select "item" chips ship with hardcoded light colors. */
.ts-wrapper.multi .ts-control > div {
    background: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

.ts-wrapper.multi .ts-control > div.active {
    background: var(--bs-primary);
    color: var(--bs-primary-bg-subtle, #fff);
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    border-left-color: var(--bs-border-color);
}