/* Predictive search app (plugin-product-search-*)
   This overlay opens from the header search icon on ANY page, not
   just the dedicated /search template — must load globally. */

.plugin-product-search-index-input input {
  background-color: transparent;
  color: #000;
}

.plugin-product-search--theme3_0 {
  position: unset !important;
}

/* Custom scrollbar — the trending-searches column and the hot-sellers
   grid are each independently scrollable and render the browser's
   default scrollbar by default. */

.plugin-product-search-SearchResult,
.plugin-product-search-RecommendProducts-container {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) #000;
}

.plugin-product-search-SearchResult::-webkit-scrollbar,
.plugin-product-search-RecommendProducts-container::-webkit-scrollbar {
  width: 6px;
}

.plugin-product-search-SearchResult::-webkit-scrollbar-track,
.plugin-product-search-RecommendProducts-container::-webkit-scrollbar-track {
  background: #000;
}

.plugin-product-search-SearchResult::-webkit-scrollbar-thumb,
.plugin-product-search-RecommendProducts-container::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  border: none;
}

.plugin-product-search-SearchResult::-webkit-scrollbar-thumb:hover,
.plugin-product-search-RecommendProducts-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.5);
}