/* vyber-choices-1.0.css — vzhled Choices.js podle select2 4.0.5 (T144, D190)
 *
 * Obdoba dosavadního admin/select2.css: selektory jsou ZÁMĚRNĚ globální, ne vázané na
 * třídu formuláře. Konzumentů je 29 a mají osm různých tříd (vlozeni, vlozeni-dily,
 * upravadil, hledani-tipy, …), část žádnou — stejně jako select2.css tedy stylujeme
 * knihovnu samotnou.
 *
 * Rozměry změřené na produkčním select2 (20. 9. 2026): pole 11 px, položka seznamu
 * 11 px s odsazením 6 px (řádek 26 px), hledací pole 13 px.
 *
 * Šířka se ZDE ZÁMĚRNĚ nenastavuje — přebírá ji adaptér z nativního <select> při
 * inicializaci (select2 ji dědil taky, Choices ale obalí select vlastním divem, který
 * ji nedědí). Vícenásobné pole dostane 1,5násobek, jak to dělalo select2.css.
 */

.choices {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 0 5px 0;
  font-size: 10px;
  --choices-input-height: 22px;
  --choices-font-size-md: 11px;
  --choices-font-size-sm: 11px;
  --choices-font-size-lg: 13px;
  --choices-inner-padding: 1px 8px 0;
  --choices-inner-one-padding: 0;
  --choices-list-single-padding: 1px 16px 1px 0;
  --choices-bg-color: #fff;
  --choices-keyline-color: #aaa;
  --choices-border-radius: 4px;
  --choices-text-color: #444;
  --choices-guttering: 0;
  --choices-arrow-right: 8px;
  --choices-arrow-margin-top: -2px;
  --choices-arrow-margin-top-open: -5px;
  --choices-primary-color: #5897fb;
  --choices-highlight-color: #5897fb;
  --choices-dropdown-item-padding: 6px;
  --choices-multiple-item-padding: 1px 6px;
  --choices-multiple-item-margin: 2px;
  --choices-border-radius-item: 4px;
  --choices-input-margin-bottom: 0;
  --choices-input-padding: 2px 0 2px 2px;
  --choices-button-offset: 6px;
  --choices-button-dimension: 7px;
  /* křížek na štítku: knihovna má bílý (počítá s tmavými štítky), na šedém by nebyl vidět */
  --choices-icon-cross: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
}

.choices__inner { box-sizing: border-box; }

/* vícenásobné pole: rozměry dosavadního select2 (min-height 3.3em, přetečení skrolem) */
.choices[data-type*="select-multiple"] {
  width: 150%;
  font-size: 16px;
  --choices-font-size-md: 16px;
}
.choices[data-type*="select-multiple"] .choices__inner {
  min-height: 54px;
  max-height: 54px;
  overflow-y: auto;
  padding: 2px 4px;
}
.choices__list--multiple .choices__item {
  font-size: 80%;
  line-height: 18px;
  color: #444;
  background: #e4e4e4;
  border-color: #aaa;
}
.choices__input { font-size: inherit; background: #fff; }

.choices__list--dropdown, .choices__list[aria-expanded] { font-size: 11px; word-break: normal; }
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item { color: #000; }

/* jako select2: vybraná hodnota v seznamu šedá, řádek pod myší nebo klávesnicí modrý
   s bílým textem, a modrá má přednost. Choices má pro obojí jedinou proměnnou
   --choices-highlighted-color, proto se třídy přepisují přímo. */
.choices__list--dropdown .choices__item--selectable.is-selected,
.choices__list[aria-expanded] .choices__item--selectable.is-selected { background-color: #ddd; color: #000; }
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background-color: #5897fb; color: #fff; }

.choices__list--dropdown .choices__input, .choices__list[aria-expanded] .choices__input { font-size: 13px; padding: 4px 6px; }