/* Ali Software Development - Warehouse Search UI 2026 v1.0.0 */
.asdwsui-search-input{
  border-radius:var(--asdwsui-input-radius)!important;
  border-width:var(--asdwsui-input-border)!important;
  border-style:solid!important;
  border-color:var(--asdwsui-border)!important;
  box-shadow:var(--asdwsui-input-shadow)!important;
  color:var(--asdwsui-text)!important;
  caret-color:var(--asdwsui-primary)!important;
  transition:border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
.asdwsui-search-input:focus{
  outline:none!important;
  border-color:color-mix(in srgb,var(--asdwsui-primary) 58%,var(--asdwsui-border))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--asdwsui-primary) 9%,transparent),var(--asdwsui-input-shadow)!important;
}
.asdwsui-search-input.asdwsui-has-query{
  color:var(--asdwsui-primary)!important;
  font-weight:var(--asdwsui-input-weight)!important;
}
.asdwsui-search-input::placeholder{font-weight:inherit!important;color:#8d9098!important;opacity:1!important}

.autocomplete-suggestions.asdwsui-panel,
.iqitsearch-results.asdwsui-panel,
.searchbar-autocomplete.asdwsui-panel,
.ui-autocomplete.asdwsui-panel{
  box-sizing:border-box!important;
  background:var(--asdwsui-surface)!important;
  border:var(--asdwsui-panel-border) solid var(--asdwsui-border)!important;
  border-radius:var(--asdwsui-panel-radius)!important;
  box-shadow:var(--asdwsui-panel-shadow)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  max-height:var(--asdwsui-panel-max-height)!important;
  color:var(--asdwsui-text)!important;
  scrollbar-width:thin;
  scrollbar-color:#c8c9cd transparent;
  z-index:2147482000!important;
  padding:0!important;
}
.autocomplete-suggestions.asdwsui-panel::-webkit-scrollbar{width:7px}
.autocomplete-suggestions.asdwsui-panel::-webkit-scrollbar-thumb{background:#c8c9cd;border-radius:999px}

.asdwsui-panel:not(.asdwsui-no-label)::before{
  content:attr(data-asdwsui-label);
  position:sticky;
  top:0;
  z-index:3;
  display:block;
  padding:11px var(--asdwsui-row-px) 10px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--asdwsui-border);
  color:var(--asdwsui-muted);
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.asdwsui-panel .autocomplete-suggestion.asdwsui-result,
.asdwsui-panel li.asdwsui-result,
.asdwsui-panel [role="option"].asdwsui-result{
  box-sizing:border-box!important;
  position:relative!important;
  min-height:calc(var(--asdwsui-image-size) + (var(--asdwsui-row-py) * 2))!important;
  padding:var(--asdwsui-row-py) var(--asdwsui-row-px)!important;
  border:0!important;
  border-bottom:1px solid var(--asdwsui-border)!important;
  background:var(--asdwsui-surface)!important;
  color:var(--asdwsui-text)!important;
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease!important;
}
.asdwsui-panel .asdwsui-result:last-child{border-bottom:0!important}
.asdwsui-panel .asdwsui-result:hover,
.asdwsui-panel .autocomplete-selected,
.asdwsui-panel .ui-state-active{
  background:linear-gradient(90deg,color-mix(in srgb,var(--asdwsui-primary) 6%,#fff),#fff 32%)!important;
  transform:translateY(var(--asdwsui-hover-y));
  box-shadow:inset 3px 0 0 var(--asdwsui-primary)!important;
}
.asdwsui-panel .asdwsui-result a{color:var(--asdwsui-text)!important;text-decoration:none!important}
.asdwsui-panel .asdwsui-result img,
.asdwsui-panel .asdwsui-product-image{
  width:var(--asdwsui-image-size)!important;
  height:var(--asdwsui-image-size)!important;
  min-width:var(--asdwsui-image-size)!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:5px!important;
  background:var(--asdwsui-soft)!important;
  border:1px solid color-mix(in srgb,var(--asdwsui-border) 85%,#fff)!important;
  border-radius:13px!important;
}
.asdwsui-panel .product-name,
.asdwsui-panel .asdwsui-name{
  color:var(--asdwsui-text)!important;
  font-weight:750!important;
  line-height:1.25!important;
}
.asdwsui-panel .product-price,
.asdwsui-panel .asdwsui-price{
  color:var(--asdwsui-primary)!important;
  font-weight:800!important;
  margin-top:4px!important;
}
.asdwsui-panel .product-price *{color:inherit!important}
.asdwsui-panel .product-description,
.asdwsui-panel .description{color:var(--asdwsui-muted)!important}
.asdwsui-panel.asdwsui-hide-type .product-type,
.asdwsui-panel.asdwsui-hide-type [class*="product-type"],
.asdwsui-panel.asdwsui-hide-type [class*="suggestion-type"]{display:none!important}

/* Warehouse often uses Bootstrap rows/columns inside a suggestion. Keep its layout, only make spacing cleaner. */
.asdwsui-panel .autocomplete-suggestion .row{align-items:center!important;margin-left:-6px!important;margin-right:-6px!important}
.asdwsui-panel .autocomplete-suggestion .row>[class*="col"]{padding-left:6px!important;padding-right:6px!important}

@media(max-width:767px){
  .autocomplete-suggestions.asdwsui-panel,
  .iqitsearch-results.asdwsui-panel,
  .searchbar-autocomplete.asdwsui-panel,
  .ui-autocomplete.asdwsui-panel{
    max-height:var(--asdwsui-mobile-max-height)!important;
    border-radius:16px!important;
    box-shadow:0 16px 40px rgba(18,18,24,.18)!important;
  }
  .asdwsui-panel:not(.asdwsui-no-label)::before{padding:9px 12px 8px;font-size:9px}
  .asdwsui-panel.asdwsui-compact-mobile .autocomplete-suggestion.asdwsui-result,
  .asdwsui-panel.asdwsui-compact-mobile li.asdwsui-result,
  .asdwsui-panel.asdwsui-compact-mobile [role="option"].asdwsui-result{
    min-height:calc(var(--asdwsui-mobile-image-size) + 20px)!important;
    padding:10px 12px!important;
  }
  .asdwsui-panel.asdwsui-compact-mobile .asdwsui-result img,
  .asdwsui-panel.asdwsui-compact-mobile .asdwsui-product-image{
    width:var(--asdwsui-mobile-image-size)!important;
    height:var(--asdwsui-mobile-image-size)!important;
    min-width:var(--asdwsui-mobile-image-size)!important;
    border-radius:11px!important;
  }
  .asdwsui-panel .product-name,.asdwsui-panel .asdwsui-name{font-size:13px!important}
  .asdwsui-panel .product-price,.asdwsui-panel .asdwsui-price{font-size:13px!important}
}

@media(prefers-reduced-motion:reduce){
  .asdwsui-search-input,.asdwsui-panel .asdwsui-result{transition:none!important}
}