/* UMI — live zoeken (inc/live-search.php, assets/js/live-search.js).
   Paneel onder het zoekveld: zelfde kaartstijl als de rest (var(--card), zachte
   schaduw, geen harde randen), Montserrat via inherit. */
.umi-ls{
  position:absolute; left:0; right:0; top:100%; z-index:60;
  margin:8px auto 0; max-width:1440px;
  background:var(--card,#fff); color:var(--ink,#1A1814);
  border-radius:var(--r-lg,28px);
  box-shadow:0 22px 60px rgba(26,24,20,.16), 0 2px 10px rgba(26,24,20,.06);
  padding:12px; max-height:min(72vh,680px); overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.search-results .search-bar{ position:relative; }
.search-results .search-bar .umi-ls{ top:calc(100% + 2px); max-width:none; }
.umi-ls__group{ padding:4px 4px 8px; }
.umi-ls__group + .umi-ls__group{ margin-top:4px; }
.umi-ls__head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:8px 10px 6px; font-size:.64rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-soft,#6B6259); font-weight:600;
}
.umi-ls__n{ font-weight:400; letter-spacing:0; text-transform:none; font-size:.78rem; color:var(--ink-mute,#9A9188); }
.umi-ls__clear{
  border:0; background:transparent; cursor:pointer; font:inherit; font-size:.72rem; letter-spacing:.04em;
  text-transform:none; color:var(--ink-soft,#6B6259); padding:4px 6px; border-radius:999px;
}
.umi-ls__clear:hover{ background:var(--card-soft,#F5F1EA); }
.umi-ls__row{
  display:flex; align-items:center; gap:14px; padding:10px 12px; border-radius:16px;
  text-decoration:none; color:inherit; transition:background .15s ease;
}
.umi-ls__row:hover, .umi-ls__row.is-active{ background:var(--card-soft,#F5F1EA); }
.umi-ls__row--text{ gap:10px; padding:9px 12px; color:var(--ink,#1A1814); }
.umi-ls__row--text svg{ color:var(--ink-mute,#9A9188); flex:0 0 auto; }
.umi-ls__thumb{
  flex:0 0 56px; width:56px; height:56px; border-radius:12px; overflow:hidden;
  background:var(--card-soft,#F5F1EA); display:flex; align-items:center; justify-content:center;
}
.umi-ls__thumb img{ width:100%; height:100%; object-fit:contain; display:block; padding:6%; box-sizing:border-box; }
.umi-ls__body{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.umi-ls__title{ font-size:.95rem; line-height:1.35; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.umi-ls__title mark, .umi-ls__chip mark{ background:transparent; color:inherit; font-weight:600; }
.umi-ls__meta{ display:flex; flex-wrap:wrap; gap:4px 12px; font-size:.78rem; color:var(--ink-soft,#6B6259); }
.umi-ls__price{ color:var(--ink,#1A1814); font-weight:500; }
.umi-ls__stock{ color:var(--sage,#5B7A5C); }
.umi-ls__stock::before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin:0 6px 1px 0; }
.umi-ls__chips{ display:flex; flex-wrap:wrap; gap:8px; padding:2px 8px 6px; }
.umi-ls__chip{
  display:inline-flex; align-items:center; gap:6px; min-height:38px; padding:0 14px; border-radius:999px;
  background:var(--card-soft,#F5F1EA); color:var(--ink,#1A1814); text-decoration:none; font-size:.84rem;
  transition:background .15s ease, transform .15s ease;
}
.umi-ls__chip i{ font-style:normal; color:var(--ink-mute,#9A9188); font-size:.74rem; }
.umi-ls__chip:hover, .umi-ls__chip.is-active{ background:var(--beige,#EDE6DA); transform:translateY(-1px); }
.umi-ls__all{
  display:flex; align-items:center; justify-content:center; gap:8px; margin:8px 4px 4px;
  min-height:48px; border-radius:999px; background:var(--ink,#1A1814); color:#fff; text-decoration:none;
  font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; font-weight:500;
  transition:background .2s ease;
}
.umi-ls__all i{ font-style:normal; opacity:.7; }
.umi-ls__all:hover, .umi-ls__all.is-active{ background:#3C342D; color:#fff; }
.umi-ls__empty{ display:flex; flex-direction:column; gap:4px; padding:22px 16px; text-align:center; color:var(--ink-soft,#6B6259); }
.umi-ls__empty strong{ color:var(--ink,#1A1814); font-weight:500; }
@media(max-width:760px){
  .umi-ls{ border-radius:20px; padding:8px; max-height:calc(100vh - 140px); }
  .umi-ls__row{ gap:10px; padding:9px 8px; }
  .umi-ls__thumb{ flex-basis:48px; width:48px; height:48px; }
  .umi-ls__title{ font-size:.9rem; }
}
@media(prefers-reduced-motion:reduce){
  .umi-ls__row, .umi-ls__chip, .umi-ls__all{ transition:none; }
  .umi-ls__chip:hover{ transform:none; }
}