/**
 * Choices.js multi-select inside ui-filter-bar (Stock on Hand, Stock Values, etc.)
 */

/* Hide native <select multiple> until Choices.js replaces it (avoids option-list flash) */
.ui-filter-multiselect-slot {
  min-height: 2.75rem;
  position: relative;
}

.ui-filter-multiselect-slot > select[data-ui-filter-multiselect][multiple] {
  display: none;
}

.ui-filter-multiselect-slot > .choices {
  margin-bottom: 0;
}

html.dark .ui-filter-multiselect-slot:not(:has(.choices))::after,
html.theme-recon-dark .ui-filter-multiselect-slot:not(:has(.choices))::after {
  background-color: var(--color-base-900, #0f172a);
  border-color: var(--color-base-600, #475569);
}

html.theme-recon-dark .ui-filter-multiselect-slot:not(:has(.choices))::after {
  background: var(--recon-bg-elevated);
  border-color: var(--recon-border-strong);
}

.ui-filter-multiselect-slot:not(:has(.choices))::after {
  content: "";
  display: block;
  min-height: 2.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-base-200, #e2e8f0);
  background-color: #fff;
  box-sizing: border-box;
}

/* Let Choices dropdowns escape the card body; keep .card overflow:hidden for intact top border */
.ui-filters-card > .card-block,
.ui-filters-card > .card-body,
.card:has(.ui-filter-bar) > .card-block,
.card:has(.ui-filter-bar) > .card-body,
.ui-filter-bar,
.ui-filter-bar .form-group,
[data-ui-filter-multiselect] {
  overflow: visible;
}

/* Portaled Choices dropdown (ui-filter-choices.js bindChoicesDropdownPortal) */
.choices__list--dropdown.ui-choices-dropdown--portal,
.choices__list[aria-expanded].ui-choices-dropdown--portal {
  position: fixed;
  z-index: 1060;
  overflow-y: auto;
  border-radius: 0.5rem;
  box-shadow:
    0 10px 25px -5px rgb(15 23 42 / 0.15),
    0 4px 10px -2px rgb(15 23 42 / 0.08);
}

html.dark .choices__list--dropdown.ui-choices-dropdown--portal,
html.dark .choices__list[aria-expanded].ui-choices-dropdown--portal,
html.theme-recon-dark .choices__list--dropdown.ui-choices-dropdown--portal,
html.theme-recon-dark .choices__list[aria-expanded].ui-choices-dropdown--portal {
  background-color: var(--color-base-900, #0f172a) !important;
  border: 1px solid var(--color-base-600, #475569) !important;
  box-shadow: 0 12px 28px rgb(0 0 0 / 0.45);
}

html.theme-recon-dark .choices__list--dropdown.ui-choices-dropdown--portal,
html.theme-recon-dark .choices__list[aria-expanded].ui-choices-dropdown--portal {
  background: var(--recon-bg-elevated) !important;
  border-color: var(--recon-border-strong) !important;
}

.choices__list--dropdown.ui-choices-dropdown--portal .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded].ui-choices-dropdown--portal .choices__item--selectable.is-highlighted {
  background-color: var(--color-primary-600, #7c3aed) !important;
  color: #fff !important;
}

html.theme-recon-dark .choices__list--dropdown.ui-choices-dropdown--portal .choices__item--selectable.is-highlighted,
html.theme-recon-dark .choices__list[aria-expanded].ui-choices-dropdown--portal .choices__item--selectable.is-highlighted {
  background-color: var(--recon-accent-deep) !important;
}

.ui-filter-bar .choices {
  margin-bottom: 0;
  font-size: 0.875rem;
}

.ui-filter-bar .choices.is-open {
  position: relative;
  z-index: 101;
}

.ui-filter-bar .choices.is-open .choices__list--dropdown,
.ui-filter-bar .choices.is-open .choices__list[aria-expanded] {
  z-index: 102;
}

.ui-filter-bar .choices__inner {
  min-height: 2.75rem;
  border-radius: 0.5rem;
  background-color: #fff;
  border: 1px solid var(--color-base-200, #e2e8f0);
}

.ui-filter-bar .choices__list--multiple .choices__item {
  background-color: var(--color-primary-700, #6d28d9);
  border-color: var(--color-primary-600, #7c3aed);
  color: #fff;
}

html.dark .ui-filter-bar .choices__inner,
html.theme-recon-dark .ui-filter-bar .choices__inner {
  background-color: var(--color-base-900, #0f172a) !important;
  border: 1px solid var(--color-base-600, #475569) !important;
  color: var(--color-base-100, #f1f5f9) !important;
}

html.theme-recon-dark .ui-filter-bar .choices__inner {
  background: var(--recon-input-bg) !important;
  border-color: var(--recon-border) !important;
  color: var(--recon-text) !important;
  font-family: var(--recon-font);
}

html.dark .ui-filter-bar .choices.is-focused .choices__inner,
html.theme-recon-dark .ui-filter-bar .choices.is-focused .choices__inner {
  border-color: var(--color-primary-500, #8b5cf6) !important;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.2);
}

html.theme-recon-dark .ui-filter-bar .choices.is-focused .choices__inner {
  border-color: var(--recon-accent) !important;
  box-shadow: 0 0 0 3px rgba(19, 181, 234, 0.15);
}

html.dark .ui-filter-bar .choices__input,
html.theme-recon-dark .ui-filter-bar .choices__input {
  background-color: transparent !important;
  color: inherit !important;
}

html.dark .ui-filter-bar .choices__placeholder,
html.theme-recon-dark .ui-filter-bar .choices__placeholder {
  color: var(--color-base-400, #94a3b8) !important;
  opacity: 1;
}

html.dark .ui-filter-bar .choices__list--dropdown,
html.dark .ui-filter-bar .choices__list[aria-expanded],
html.theme-recon-dark .ui-filter-bar .choices__list--dropdown,
html.theme-recon-dark .ui-filter-bar .choices__list[aria-expanded] {
  background-color: var(--color-base-900, #0f172a) !important;
  border-color: var(--color-base-600, #475569) !important;
}

html.theme-recon-dark .ui-filter-bar .choices__list--dropdown,
html.theme-recon-dark .ui-filter-bar .choices__list[aria-expanded] {
  background: var(--recon-bg-elevated) !important;
  border-color: var(--recon-border-strong) !important;
}

html.dark .ui-filter-bar .choices__list--dropdown .choices__item,
html.theme-recon-dark .ui-filter-bar .choices__list--dropdown .choices__item {
  color: var(--color-base-200, #e2e8f0);
}

html.dark .ui-filter-bar .choices__list--dropdown .choices__item--selectable.is-highlighted,
html.theme-recon-dark .ui-filter-bar .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--color-primary-600, #7c3aed) !important;
  color: #fff !important;
}

html.theme-recon-dark .ui-filter-bar .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--recon-accent-deep) !important;
}

html.dark .ui-filter-bar .choices[data-type*="select-multiple"] .choices__button,
html.theme-recon-dark .ui-filter-bar .choices[data-type*="select-multiple"] .choices__button {
  border-left-color: var(--color-base-600, #475569);
}

html.dark .ui-filter-bar .choices__list--multiple .choices__item,
html.theme-recon-dark .ui-filter-bar .choices__list--multiple .choices__item {
  background-color: var(--color-primary-700, #6d28d9);
  border-color: var(--color-primary-600, #7c3aed);
  color: #fff;
}

html.theme-recon-dark .ui-filter-bar .choices__list--multiple .choices__item {
  background: var(--recon-accent-deep);
  border-color: var(--recon-accent);
}