/* ===== Live Search (ταιριασμένο με το header) ===== */

/* κάνε τον wrapper του search σχετικό, για να αγκυρωθεί σωστά το dropdown */
.search-wrapper{
  position: relative; /* + έχεις ήδη display:flex */
}

/* δοχείο αποτελεσμάτων */
.live-search-div{
  position: absolute;
  z-index: 1040;              /* πάνω από τη navbar (1030) */
  top: calc(100% + 8px);      /* ακριβώς κάτω από το search pill */
  left: 0;
  right: 0;
  width: 100%;
  max-width: 600px;           /* desktop cap */
  margin: 0 auto;
  display: none;              /* θα γίνεται display:block από το script */
  padding: 6px 0 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  overflow: hidden;
}

.live-search-div .loading{
  display:block;
  margin: 10px auto;
}

.live-search-div ul{
  list-style:none;
  margin:0;
  padding:0;
  max-height: 60vh;           /* να μην ξεφεύγει */
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

/* κάθε αποτέλεσμα ως flex row */
.live-search-div ul li{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  margin: 0 6px 6px;
  border-radius: 10px;
  background:#fff;
  cursor:pointer;
  min-height: 64px;
}
.live-search-div ul li:nth-child(even){ background:#fafafa; }
.live-search-div ul li:hover{ background:#f2f2f2; }

.live-search-div ul li a{
  text-decoration:none;
  display:flex;
  flex-direction: column;
  text-align: center;
  align-items:center;
  gap:10px;
  width:100%;
  min-height: 52px;
}

/* εικόνα προϊόντος */
.live-search-div .product-image{
  flex: 0 0 64px;
  width: 64px; height: 64px;
  border-radius: 8px;
  overflow: hidden;
}
.live-search-div .product-image img{
  width: 100%; height: 100%;
  object-fit: contain;
}

/* όνομα + υπότιτλος */
.live-search-div .product-name{
  flex: 1 1 auto;
  margin: 0;
  font-weight: 700;
  color: #0a1633;
  line-height: 1.25;
}
.live-search-div .product-name p{
  font-weight: 400;
  font-style: italic;
  font-size: 11px;
  color: #555;
  margin: 2px 0 0;
}

/* τιμή / ειδική τιμή */
.live-search-div .product-price{
  flex: 0 0 auto;
  min-width: 90px;
  text-align: right;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}
.live-search-div .product-price .price{
  color:#333; display:block;
}
.live-search-div .product-price .special{
  color:#b91c1c; text-decoration: line-through; display:block;
}
.live-search-div .product-price > .special{ margin-top:-4px; }

/* add-to-cart περιοχή (αν υπάρχει) */
.live-search-div .product-add-cart{
  flex: 0 0 auto;
  padding: 0;
}

/* footer (π.χ. “Δες όλα τα αποτελέσματα”) */
.live-search-div .result-text{
  font-weight:700;
  text-align:center;
  font-size:11px;
  line-height:20px;
  color:#fff;
  background:#999;
  position: sticky;
  bottom: 0;
  width: 100%;
  margin-top: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.live-search-div .view-all-results{ color:#fff; display:block; }
.live-search-div .view-all-results:hover{ color:#fafafa; }

/* ===== Responsive ===== */
@media (max-width: 991px){
  /* στο mobile το search είναι full-width, άρα και το dropdown */
  .live-search-div{
    left: 0; right: 0;
    max-width: none;
    border-radius: 12px;
    box-shadow: 0 16px 36px rgba(0,0,0,.14);
  }

  .live-search-div ul li{
    padding: 10px;
    margin: 0 8px 8px;
  }

  .live-search-div .product-image{ flex-basis: 56px; width:56px; height:56px; }
  .live-search-div .product-name{ font-size: 14px; }
  .live-search-div .product-price{ font-size: 12px; min-width: 72px; }
}

/* μικρά κινητά */
@media (max-width: 420px){
  .live-search-div ul{ max-height: 56vh; }
}