/* ============================================================
   search.css — search bar, filter pills, result count
   (Rules already live in layout.css — this file reserved for
   any search-specific overrides and the autocomplete dropdown
   when that gets wired up.)
   ============================================================ */

/* Autocomplete dropdown (future) */
.search-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0; right: 0;
  background: rgba(8, 11, 16, 0.97);
  border: 1px solid var(--border-mid);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-float);
  z-index: 50;
  overflow: hidden;
}

.search-dropdown-item {
  display: flex; align-items: center; gap: var(--space-3);
  padding: 10px 16px;
  font-family: var(--font-mono); font-size: 0.78rem;
  color: var(--text-sec);
  transition: background var(--transition-fast), color var(--transition-fast);
  cursor: pointer;
}
.search-dropdown-item:hover {
  background: var(--surface-2); color: var(--text-pri);
}
.search-dropdown-item .sdi-name { flex: 1; }
.search-dropdown-item .sdi-game {
  font-size: 0.62rem; color: var(--text-muted);
  text-transform: uppercase; letter-spacing: 1px;
}