/* ====================================================================
   Woo Live Product Search – stylesheet (final)
   ==================================================================== */

/* Wrapper */
.woocommerce-product-search{position:relative}

/* Suggestion box ---------------------------------------------------- */
.wc-lps-results{
    position:absolute;top:100%;left:0;z-index:99999;
    min-width:980px;max-width:90vw;
    border:1px solid #eee;background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
    display:none;
    font-size:14px;
}

/* FLEX grid --------------------------------------------------------- */
.wc-lps-grid{display:flex !important;flex-wrap:nowrap}

/* columns */
.wc-lps-tax{flex:0 0 35%;max-width:35%;border-right:1px solid #eee}
.wc-lps-prod{flex:1 1 65%;max-width:65%;max-height:350px;overflow-y:auto}
@media(max-width:700px){
    .wc-lps-grid{flex-direction:column}
    .wc-lps-tax,.wc-lps-prod{flex:0 0 100%;max-width:100%;border-right:none}
}

/* List resets */
.wc-lps-results ul{margin:0;padding:0;list-style:none}

/* TAXONOMY column --------------------------------------------------- */
.wc-lps-tax li.tax-heading{padding:6px 10px;background:#fafafa;font-weight:600}
.wc-lps-tax li.tax-item a{display:block;padding:6px 10px;text-decoration:none;color:inherit}
.wc-lps-tax li.tax-item a:hover{background:#f5f5f5}

/* PRODUCT column ---------------------------------------------------- */
.wc-lps-prod li.item{display:flex;align-items:center;padding:6px 10px;border-bottom:1px solid #f1f1f1;cursor:pointer}
.wc-lps-prod li.item:hover,.wc-lps-prod li.item.is-active{background:#f5f5f5}
.wc-lps-prod .thumb{width:40px;margin-right:8px;flex:0 0 40px}
.wc-lps-prod .thumb img{width:100%;height:auto;display:block}
.wc-lps-prod .meta{flex:1 1 auto;min-width:0}
.wc-lps-prod .title{display:block;font-size:14px;line-height:1.3}
.wc-lps-prod .tax-info{display:block;font-size:11px;color:#666;margin:2px 0}
.wc-lps-prod .price{white-space:nowrap;font-weight:600}
.wc-lps-prod li.no-result{padding:8px 10px;color:#777}

/* “Show all results” row ------------------------------------------- */
.wc-lps-prod li.show-all{text-align:center;padding:8px 10px;border-top:1px solid #e5e5e5;background:#68051B}
.wc-lps-showall{display:block;text-decoration:none;color:#c7c5c7;font-weight:600}
.wc-lps-showall:hover{color:#fafafa}

/* Ensure dropdown can position relative to the form */
.wc-lps-wrap {
  position: relative;
}

/* Default hidden */
.wc-lps-results {
  display: none;
}

/* Open state */
.wc-lps-results.is-open {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;          /* full width of the form */
  z-index: 99999;    /* above headers/menus */
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  margin-top: 6px;
  max-height: 480px;
  overflow: auto;
}

/* Loading spinner */
.wc-lps-spinner{
  display:inline-block;
  width:18px;
  height:18px;
  border:2px solid rgba(0,0,0,.15);
  border-top-color:#470015; /* match your "show all" background */
  border-radius:50%;
  animation:wc-lps-spin .7s linear infinite;
  vertical-align:middle;
}

@keyframes wc-lps-spin{
  to{ transform:rotate(360deg); }
}