/* Search autocomplete dropdown */
.ui-autocomplete.searchbar-autocomplete {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 10px -5px rgba(0, 0, 0, 0.04) !important;
  margin-top: 0.5rem !important;
  padding: 0.5rem 0 !important;
  list-style: none !important;
  overflow: hidden;
  z-index: 9999 !important;
  max-height: 400px;
  min-height: auto !important;
  box-sizing: border-box !important;
  overflow-y: auto;
}

/* jQuery UI menu reset */
.ui-autocomplete.searchbar-autocomplete.ui-menu .ui-menu-item {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #f3f4f6;
}

.ui-autocomplete.searchbar-autocomplete.ui-menu .ui-menu-item:last-child {
  border-bottom: none;
}

/* Result item link — covers both a and .ui-menu-item-wrapper */
.ui-autocomplete.searchbar-autocomplete .ui-menu-item a,
.ui-autocomplete.searchbar-autocomplete .ui-menu-item .ui-menu-item-wrapper,
.ui-autocomplete.searchbar-autocomplete li a,
.ui-autocomplete.searchbar-autocomplete li a.ui-state-focus,
.ui-autocomplete.searchbar-autocomplete li a.ui-state-active {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.625rem 1rem !important;
  text-decoration: none !important;
  color: #1f2937 !important;
  border: none !important;
  background: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: background-color 0.15s ease;
  font-weight: normal !important;
}

.ui-autocomplete.searchbar-autocomplete .ui-menu-item a:hover,
.ui-autocomplete.searchbar-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete.searchbar-autocomplete li a:hover,
.ui-autocomplete.searchbar-autocomplete li a.ui-state-focus,
.ui-autocomplete.searchbar-autocomplete li a.ui-state-active {
  background-color: #fff5f2 !important;
  cursor: pointer;
}

/* Product thumbnail */
.ui-autocomplete.searchbar-autocomplete .autocomplete-thumbnail {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  border-radius: 0.5rem !important;
  background: #f9fafb !important;
  border: 1px solid #f3f4f6 !important;
  padding: 2px !important;
  flex-shrink: 0 !important;
  float: none !important;
  margin: 0 !important;
}

/* Product name */
.ui-autocomplete.searchbar-autocomplete .product {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #374151 !important;
}

.ui-autocomplete.searchbar-autocomplete .ui-menu-item a:hover .product,
.ui-autocomplete.searchbar-autocomplete li a:hover .product {
  color: var(--color-primary, #f1592a) !important;
}

/* Scrollbar */
.ui-autocomplete.searchbar-autocomplete::-webkit-scrollbar {
  width: 4px;
}

.ui-autocomplete.searchbar-autocomplete::-webkit-scrollbar-track {
  background: transparent;
}

.ui-autocomplete.searchbar-autocomplete::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 9999px;
}

/* Mobile */
@media only screen and (max-width: 767px) {
  .ui-autocomplete.searchbar-autocomplete {
    position: fixed !important;
    top: 70px !important;
    left: 0.5rem !important;
    right: 0.5rem !important;
    width: auto !important;
    z-index: 9999 !important;
    max-height: 60vh;
  }
}

/* Desktop */
@media only screen and (min-width: 768px) {
  .ui-autocomplete.searchbar-autocomplete {
    min-width: 400px !important;
    left: auto;
  }
}