/**
 * Shared autocomplete dropdown for trade product search (all surfaces).
 */
.trade-search-suggest-list,
.vp-search-suggestions,
.vt-search-suggestions,
.ied-suggestion-list,
.instant-results-list {
  list-style: none;
  margin: 0;
  padding: 6px 0;
}

.trade-search-suggest-list > li,
.vp-search-suggestions > li,
.vt-search-suggestions > li,
.ied-suggestion-list > li,
.instant-results-list > li {
  margin: 0;
  padding: 0;
  border: none;
}

.trade-search-suggest-list .search-item,
.vp-search-suggestions .search-item,
.vt-search-suggestions .search-item,
.ied-suggestion-list .search-item,
.instant-results-list .search-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
  color: #1e293b;
  font-family: inherit;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.trade-search-suggest-list > li:hover .search-item,
.trade-search-suggest-list .search-item:hover,
.trade-search-suggest-list .search-item:focus-visible,
.vp-search-suggestions > li:hover .search-item,
.vp-search-suggestions .search-item:hover,
.vp-search-suggestions .search-item:focus-visible,
.vt-search-suggestions > li:hover .search-item,
.vt-search-suggestions .search-item:hover,
.vt-search-suggestions .search-item:focus-visible,
.ied-suggestion-list > li:hover .search-item,
.ied-suggestion-list .search-item:hover,
.ied-suggestion-list .search-item:focus-visible,
.instant-results-list > li:hover .search-item,
.instant-results-list .search-item:hover,
.instant-results-list .search-item:focus-visible {
  background-color: rgba(12, 84, 150, 0.08);
  color: #0c5496;
  outline: none;
}

.trade-search-suggest-list .search-item__label,
.vp-search-suggestions .search-item__label,
.vt-search-suggestions .search-item__label,
.ied-suggestion-list .search-item__label,
.instant-results-list .search-item__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trade-search-suggest-list .search-item__label strong,
.vp-search-suggestions .search-item__label strong,
.vt-search-suggestions .search-item__label strong,
.ied-suggestion-list .search-item__label strong,
.instant-results-list .search-item__label strong {
  font-weight: 700;
  color: inherit;
}

.trade-search-suggest-list .search-item__external,
.vp-search-suggestions .search-item__external,
.vt-search-suggestions .search-item__external,
.ied-suggestion-list .search-item__external,
.instant-results-list .search-item__external {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1;
  transition: color 0.15s ease;
}

.trade-search-suggest-list > li:hover .search-item__external,
.trade-search-suggest-list .search-item:hover .search-item__external,
.vp-search-suggestions > li:hover .search-item__external,
.vp-search-suggestions .search-item:hover .search-item__external,
.vt-search-suggestions > li:hover .search-item__external,
.vt-search-suggestions .search-item:hover .search-item__external,
.ied-suggestion-list > li:hover .search-item__external,
.ied-suggestion-list .search-item:hover .search-item__external,
.instant-results-list > li:hover .search-item__external,
.instant-results-list .search-item:hover .search-item__external {
  color: #0c5496;
}

/* Keyword row: "Search for '…'" */
.trade-search-suggest-list .search-item--keyword,
.vp-search-suggestions .search-item--keyword,
.vt-search-suggestions .search-item--keyword,
.ied-suggestion-list .search-item--keyword,
.instant-results-list .search-item--keyword {
  background: rgba(12, 84, 150, 0.06);
  border-bottom: 1px solid #e8eef4;
}

.trade-search-suggest-list .search-item--keyword .search-item__label,
.vp-search-suggestions .search-item--keyword .search-item__label,
.vt-search-suggestions .search-item--keyword .search-item__label,
.ied-suggestion-list .search-item--keyword .search-item__label,
.instant-results-list .search-item--keyword .search-item__label {
  font-weight: 600;
  color: #0c5496;
}

.trade-search-suggest-list .search-item--keyword::before,
.vp-search-suggestions .search-item--keyword::before,
.vt-search-suggestions .search-item--keyword::before,
.ied-suggestion-list .search-item--keyword::before,
.instant-results-list .search-item--keyword::before {
  content: "";
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c5496' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.trade-search-suggest-list .search-item--keyword .search-item__external,
.vp-search-suggestions .search-item--keyword .search-item__external,
.vt-search-suggestions .search-item--keyword .search-item__external {
  display: none;
}

/* Did you mean row */
.trade-search-suggest-list .search-item--did-you-mean,
.vp-search-suggestions .search-item--did-you-mean,
.vt-search-suggestions .search-item--did-you-mean,
.ied-suggestion-list .search-item--did-you-mean,
.instant-results-list .search-item--did-you-mean {
  background: #fffbeb;
  border-bottom: 1px solid #fde68a;
}

.trade-search-suggest-list .search-item--did-you-mean .search-item__label,
.vp-search-suggestions .search-item--did-you-mean .search-item__label,
.vt-search-suggestions .search-item--did-you-mean .search-item__label,
.ied-suggestion-list .search-item--did-you-mean .search-item__label,
.instant-results-list .search-item--did-you-mean .search-item__label {
  font-weight: 600;
  color: #92400e;
}

.trade-search-suggest-list .search-item--did-you-mean::before,
.vp-search-suggestions .search-item--did-you-mean::before,
.vt-search-suggestions .search-item--did-you-mean::before,
.ied-suggestion-list .search-item--did-you-mean::before,
.instant-results-list .search-item--did-you-mean::before {
  content: "";
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392400e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.trade-search-suggest-list .search-item--did-you-mean .search-item__external,
.vp-search-suggestions .search-item--did-you-mean .search-item__external,
.vt-search-suggestions .search-item--did-you-mean .search-item__external {
  display: none;
}

/* Country hint row */
.trade-search-suggest-list .search-item--country-hint,
.vp-search-suggestions .search-item--country-hint,
.vt-search-suggestions .search-item--country-hint,
.ied-suggestion-list .search-item--country-hint,
.instant-results-list .search-item--country-hint {
  background: #f8fafc;
}

.trade-search-suggest-list .search-item--country-hint .search-item__label,
.vp-search-suggestions .search-item--country-hint .search-item__label,
.vt-search-suggestions .search-item--country-hint .search-item__label,
.ied-suggestion-list .search-item--country-hint .search-item__label,
.instant-results-list .search-item--country-hint .search-item__label {
  font-style: normal;
  font-weight: 500;
  color: #475569;
}

.trade-search-suggest-list .search-item--country-hint::before,
.vp-search-suggestions .search-item--country-hint::before,
.vt-search-suggestions .search-item--country-hint::before {
  content: "";
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 21s7-4.5 7-11a7 7 0 1 0-14 0c0 6.5 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

/* Dropdown panels */
.trade-search-suggest-panel,
.vp-search-suggestions,
.vt-search-suggestions,
.ied-suggestion-list,
.header-search .instant-results {
  position: relative;
  z-index: 120;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
  max-height: min(280px, 45vh);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.vp-search-box {
  position: relative;
}

.vp-search-suggestions {
  margin: 10px 0 0;
  padding: 6px 0;
  width: 100%;
}

.vt-hero-search-wrap {
  position: relative;
}

.vt-search-suggestions {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  margin: 0;
}

.ied-search-wrap {
  position: relative;
}

.ied-suggestion-list {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  margin: 0;
  z-index: 50;
}

/* Homepage modern hero */
.homepage-modern-scope .hero-search .instant-results-list .search-item {
  font-size: 0.9rem;
}

.homepage-modern-scope .hero-search .instant-results {
  border-radius: 10px;
}

.trade-search-suggest-empty,
.trade-search-suggest-list > li.text-muted,
.vp-search-suggestions .vp-search-empty,
.vt-search-suggestions .vt-search-empty,
.ied-suggestion-list .ied-suggestion-empty {
  padding: 12px 16px;
  color: #64748b;
  font-size: 0.875rem;
  cursor: default;
}

/* Scrollbar (WebKit) */
.trade-search-suggest-panel::-webkit-scrollbar,
.vp-search-suggestions::-webkit-scrollbar,
.vt-search-suggestions::-webkit-scrollbar,
.ied-suggestion-list::-webkit-scrollbar,
.instant-results::-webkit-scrollbar {
  width: 8px;
}

.trade-search-suggest-panel::-webkit-scrollbar-thumb,
.vp-search-suggestions::-webkit-scrollbar-thumb,
.vt-search-suggestions::-webkit-scrollbar-thumb,
.ied-suggestion-list::-webkit-scrollbar-thumb,
.instant-results::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}