/* ===== Ship2buy — Tom Select overrides (Scheepstype) ===== */

/* Wrapper schoon (voorkom Bootstrap “box-in-box”) */
.s2b-exposed .ts-wrapper.form-select,
.s2b-exposed .ts-wrapper.form-control{
  border:0 !important; background:transparent !important;
  box-shadow:none !important; padding:0 !important; background-image:none !important;
}

/* Control: 1 regel, nette rand, thema-kleuren */
.s2b-exposed .ts-wrapper{ width:100%; }
.s2b-exposed .ts-control{
  position:relative;
  height:2.6rem; min-height:2.6rem;
  display:flex; align-items:center;
  flex-wrap:nowrap; overflow:hidden;
  border:1px solid var(--line, #cbd5e1);
  background:var(--card, #fff);
  border-radius:.5rem;
  padding:0 .9rem;
  cursor:pointer;
}

/* Chips verbergen → samenvatting tonen */
.s2b-exposed .ts-control .item{ display:none !important; }
.s2b-exposed .ts-selected-summary{
  margin-left:.1rem;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  opacity:.95; color:var(--fg, #333);
}

/* Dropdown begrenzen en netjes stylen */
.s2b-exposed .ts-dropdown{
  z-index:2000; max-height:320px; overflow:auto;
  border-color:var(--line, #cbd5e1);
  border-radius:0 0 .5rem .5rem;
}

/* Vinkjes (officiële plugin checkbox_options) */
.s2b-exposed .plugin-checkbox_options .option{
  display:flex; align-items:center; gap:.55rem;
  padding:.45rem .6rem;
}
.s2b-exposed .plugin-checkbox_options .option input[type="checkbox"]{
  width:1rem; height:1rem;
  border:1px solid var(--line, #cbd5e1);
  border-radius:.2rem;
  accent-color:var(--accent, #0d6efd);
}
.s2b-exposed .ts-dropdown .option:hover{
  background: color-mix(in srgb, var(--accent, #0d6efd) 8%, transparent);
}

/* Donker thema */
.schepen-container.is-dark .ts-control{
  background:#0b0b0d; border-color:#1a1a1e; color:#e9eef6;
}
.schepen-container.is-dark .ts-dropdown{
  background:#0b0b0d; color:#e9eef6; border-color:#1a1a1e;
}