/* ==========================================================================
   Live search suggestions dropdown (resources/js/search.js).
   Anchored under the header search forms; sits above the header (z 40)
   and the mobile nav panel (z 60).
   ========================================================================== */

.sb-header__search,
.sb-header__msearch{position:relative}

.sb-suggest{
  position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:70;
  min-width:min(340px,calc(100vw - 32px));max-height:60vh;overflow:auto;
  background:#fff;color:var(--sb-ink);border-radius:var(--sb-radius,10px);
  box-shadow:0 14px 40px rgba(0,0,0,.22);padding:8px 0;text-align:left;
}
/* Desktop pill is right-aligned in the header — anchor the wider card to its right edge */
.sb-header__search .sb-suggest{left:auto}
/* Mobile panel: the search is already full-width, so the dropdown matches it (drop the desktop min-width) */
.sb-header__msearch .sb-suggest{min-width:0}

.sb-suggest__label{
  padding:10px 18px 6px;font-size:.62rem;font-weight:var(--sb-w-btn);
  letter-spacing:.08em;text-transform:uppercase;color:rgba(0,0,0,.45);
}
.sb-suggest__label+.sb-suggest__label{margin-top:4px}

.sb-suggest__item{
  display:flex;flex-direction:column;gap:2px;padding:9px 18px;color:var(--sb-ink);
}
.sb-suggest__item:hover,
.sb-suggest__item.is-active{background:rgba(0,0,0,.06)}
.sb-suggest__title{font-weight:var(--sb-w-btn);font-size:.88rem;line-height:1.3}
.sb-suggest__meta{font-size:.72rem;color:rgba(0,0,0,.5)}

.sb-suggest__all{
  display:block;margin-top:8px;padding:12px 18px;border-top:1px solid rgba(0,0,0,.1);
  color:var(--sb-blue);font-weight:var(--sb-w-btn);font-size:.8rem;
  letter-spacing:.04em;text-transform:uppercase;
}
.sb-suggest__all:hover,
.sb-suggest__all.is-active{background:rgba(0,0,0,.06)}

.sb-suggest__none{padding:12px 18px;font-size:.88rem;color:rgba(0,0,0,.55)}