/* ============================
   HORTICOLA — JoliSearch modern override
   - dropdown ancorat sub #search_widget (prin JS: appendTo + position)
   - grid de card-uri, accente #ffa500
   - fără overflow la titluri
   ============================ */

/* bara de căutare peste dropdown */
/*#search_widget{ position:relative; z-index:12000; }*/
#search_widget{ position:relative; z-index:100; }


/* dropdown în #search_widget (JS îl mută/ancorează) */
/* Dropdown-ul când e în interiorul #search_widget (JS îl mută acolo) */
#search_widget ul.ui-autocomplete.ui-menu.ui-jolisearch{
  position: absolute;
  top: calc(100% + 6px);
  /* lăsăm JS-ul să seteze left + width exact cât inputul */
  left: 0;
  right: auto;
  width: 100%;
  box-sizing: border-box;
  z-index: 11000;
  transition: left .06s ease, width .06s ease;


}

/* stil general (grid) */
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17{
  box-sizing:border-box;
  display:grid !important;
  grid-template-columns:repeat(var(--cols,4), minmax(0,1fr)); /* JS setează --cols */
  gap:12px;

  padding:16px;
  max-height:70vh;
  overflow-y:auto;

  background:#fff;
  border:1px solid #F1F1F1;
  border-radius:14px;
  border-top:3px solid #ffa500;
  box-shadow:0 20px 40px rgba(0,0,0,.14), 0 0 0 1px rgba(255,165,0,.07);
}

/* header "PRODUSE" (sticky) */
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17::before{
  content:"PRODUSE";
  grid-column:1 / -1;
  position:sticky; top:0; z-index:1;
  display:block;
  margin:-8px -8px 8px -8px;
  padding:10px 14px 10px 12px;
  background:#fff;
  border-bottom:1px solid #eef2f7;
  border-left:4px solid #ffa500;
  font-weight:700; font-size:12px; letter-spacing:.06em;
  text-transform:uppercase; color:#475569;
}

/* ascund separatorul & labelul vechi ale modulului */
ul.ui-jolisearch .separator,
ul.ui-jolisearch .jolisearch-title{ display:none !important; }

/* reset item (modulul seta width:25%) */
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 > li.ui-menu-item{
  width:auto !important; padding:0 !important; margin:0 !important;
  background:transparent !important; list-style:none;
}

/* card produs */
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 > li.ui-menu-item > a{
  display:flex; align-items:center; gap:12px;
  padding:12px; text-align:left !important;
  background:#fff; border:1px solid #eef2f7; border-radius:12px;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s;
}
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 > li.ui-menu-item > a:hover,
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 > li.ui-state-active > a{
  transform:translateY(-2px);
  border-color:#ffa500;
  box-shadow:0 10px 22px rgba(255,165,0,.18);
  text-decoration:none;
}

/* imagine */
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 .jolisearch-image{
  width:72px; height:72px; flex:0 0 72px;
  object-fit:contain; background:#f8fafc;
  border-radius:10px; padding:6px; border:1px solid transparent;
}

/* titlu: max 2 rânduri, fără overflow */
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 .jolisearch-name{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  hyphens:auto !important;

  margin:0 0 2px;
  font-weight:600; font-size:14px; line-height:1.3; color:#0f172a;
}
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 .jolisearch-name strong{ color:#ffa500; }

/* subtitlu */
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 .jolisearch-post{
  display:block;
  font-size:12px; color:#64748b;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* more results — pe toată lățimea + accent */
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 > li.more-results{ grid-column:1 / -1 !important; }
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 > li.more-results > a{
  display:flex; justify-content:center; align-items:center;
  padding:10px 14px; margin-top:4px;
  border:1px solid #ffa500; border-radius:9999px;
  background:rgba(255,165,0,.06);
  text-transform:uppercase; font-weight:700; font-size:12px; letter-spacing:.05em;
}
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17 > li.more-results > a:hover{
  background:rgba(255,165,0,.10); text-decoration:none;
}

/* scrollbar discret */
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17::-webkit-scrollbar{ width:10px; }
ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17::-webkit-scrollbar-thumb{
  background:#e2e8f0; border-radius:20px;
}

/* fallback pe ecrane mici */
@media (max-width: 576px){
  ul.ui-autocomplete.ui-menu.ui-jolisearch.ps17{
    grid-template-columns:1fr;
  }
}