/* Search Suggestions */
.search-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: var(--modal-bg, var(--bg-color, #202020));
  border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  z-index: 1000;
  overflow-y: auto;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  padding: 4px 0;
  /* Backdrop Filter for glass themes */
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.search-suggestion-item {
  padding: 8px 12px 8px 16px; /* Indent slightly to align with text */
  cursor: pointer;
  font-size: 14px;
  color: var(--text-primary, #fff);
  display: flex;
  align-items: center;
  gap: 12px;
  transition: background-color 0.1s;
}

.search-suggestion-item .icon-placeholder {
  opacity: 0.6;
  font-size: 14px;
  width: 20px;
  text-align: center;
}

.search-suggestion-item:hover,
.search-suggestion-item.selected {
  background-color: var(--item-hover-bg, rgba(127, 127, 127, 0.15));
}

.search-suggestion-item .match {
  font-weight: 600;
}

/* Ensure wrapper doesn't clip */
.search-wrapper {
  overflow: visible;
}