/* Header search dropdown (assets/js/components/search.js) — People + Posts, grouped. */
.pb-search, .pb-popsearch { position: relative; }
.pb-sd {
  position: absolute; z-index: 60; top: calc(100% + 8px); left: 0; right: 0;
  min-width: min(400px, calc(100vw - 24px)); max-height: min(72vh, 560px); overflow-y: auto; overscroll-behavior: contain;
  background: #fff; border: 1px solid var(--pb-border-3); border-radius: var(--pb-r-lg); box-shadow: var(--pb-shadow-pop); padding: 6px;
  text-align: left; cursor: default;
}
.pb-search .pb-sd { left: auto; right: 0; width: 420px; }
.pb-popover--search { overflow: hidden; }
.pb-popsearch { flex-wrap: wrap; }
.pb-popsearch .pb-sd { position: static; flex: 0 0 100%; min-width: 0; margin-top: 6px; box-shadow: none; border: 0; border-top: 1px solid var(--pb-border); border-radius: 0; padding: 4px 0 0; max-height: calc(100vh - 230px); }
.pb-sd[hidden] { display: none; }
.pb-sd__hd { display: flex; align-items: center; gap: 8px; padding: 10px 10px 4px; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--pb-text-faint); }
.pb-sd__hd i { color: var(--pb-primary); }
.pb-sd__item { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: var(--pb-r-md); color: var(--pb-text); text-decoration: none; min-width: 0; }
.pb-sd__item:hover, .pb-sd__item.is-active { background: var(--pb-amber-soft); }
.pb-sd__av { flex: none; width: 38px; height: 38px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 14px; }
.pb-sd__av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pb-sd__th { flex: none; width: 38px; height: 38px; border-radius: 10px; overflow: hidden; background: var(--pb-surface-2); display: flex; align-items: center; justify-content: center; color: var(--pb-text-faint); }
.pb-sd__th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pb-sd__txt { min-width: 0; display: flex; flex-direction: column; }
.pb-sd__txt b { font-size: 14.5px; font-weight: 700; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pb-sd__txt span { font-size: 12.5px; color: var(--pb-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pb-sd mark { background: var(--pb-amber-tint); color: inherit; border-radius: 3px; padding: 0 1px; }
.pb-sd__all { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 4px 0 0; padding: 12px 12px; border-top: 1px solid var(--pb-border); border-radius: 0 0 var(--pb-r-md) var(--pb-r-md); font-weight: 800; font-size: 14px; color: var(--pb-link); text-decoration: none; }
.pb-sd__all:hover, .pb-sd__all.is-active { background: var(--pb-amber-soft); }
.pb-sd__note { padding: 18px 14px; text-align: center; color: var(--pb-text-muted); font-size: 14px; }
.pb-sd__more { margin-left: auto; padding: 0 10px; font-size: 12px; font-weight: 700; color: var(--pb-link); text-transform: none; letter-spacing: 0; text-decoration: none; }
.pb-sd__av--pet { background: var(--pb-surface-warm); color: var(--pb-amber); font-size: 16px; }
.pb-sd__tags { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 8px 6px; }
.pb-sd__tag { display: inline-flex; align-items: baseline; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--pb-surface-2); font-weight: 800; font-size: 13.5px; }
.pb-sd__tag small { font-size: 11px; font-weight: 700; color: var(--pb-text-faint); }
.pb-sd__recent .pb-sd__th { border-radius: 50%; }
.pb-sd button.pb-sd__more { border: 0; background: none; cursor: pointer; font-family: inherit; }
.pb-sd__dym { color: var(--pb-link); }