/* ecotemposearch — barra prominente + dropdown autocomplete. Usa i token del child theme v2
   (--colore-* definiti in themes/ecotempo/assets/css/custom.css), con fallback. */

.ecotempo-search { position: relative; width: 100%; max-width: 640px; }

.ecotempo-search__form {
  display: flex; align-items: center;
  background: var(--colore-bianco, #fff);
  border: 2px solid var(--colore-bordo, #DAE0E6);
  border-radius: .375rem;
  height: 48px;                       /* prominente */
  padding: 0 .25rem 0 .75rem;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.ecotempo-search__form:focus-within {
  border-color: var(--colore-blu, #0066CC);
  box-shadow: 0 0 0 .2rem var(--colore-azzurro-velo, #EBF2FA);
}
.ecotempo-search__icon { color: var(--colore-grigio, #5D7083); font-size: 1.4rem; }
.ecotempo-search__input {
  flex: 1 1 auto; min-width: 0;
  border: 0; outline: 0; background: transparent;
  height: 100%; padding: 0 .6rem;
  font-size: 1rem; color: var(--colore-inchiostro, #1C2A39);
}
.ecotempo-search__input::placeholder { color: var(--colore-grigio, #5D7083); }
.ecotempo-search__clear {
  border: 0; background: transparent; cursor: pointer;
  color: var(--colore-grigio, #5D7083); display: inline-flex; padding: .25rem;
}
.ecotempo-search__submit {
  border: 0; cursor: pointer;
  background: var(--colore-blu, #0066CC); color: #fff;
  font-weight: 600; border-radius: .25rem;
  height: 38px; padding: 0 1.1rem; margin-left: .25rem;
  white-space: nowrap;
}
.ecotempo-search__submit:hover { background: var(--colore-blu-profondo, #003366); }

/* --- Dropdown risultati --- */
.ecotempo-search__results {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 1080;
  background: #fff;
  border: 1px solid var(--colore-bordo, #DAE0E6);
  border-radius: .375rem;
  box-shadow: 0 8px 24px rgba(28,42,57,.16);
  overflow: hidden;
  max-height: 70vh; overflow-y: auto;
}
.ecotempo-search__item {
  display: flex; align-items: center; gap: .75rem;
  padding: .55rem .75rem; text-decoration: none;
  color: var(--colore-inchiostro, #1C2A39);
  border-bottom: 1px solid var(--colore-bordo, #DAE0E6);
}
.ecotempo-search__item:last-of-type { border-bottom: 0; }
.ecotempo-search__item:hover,
.ecotempo-search__item.is-active { background: var(--colore-azzurro-velo, #EBF2FA); text-decoration: none; }
.ecotempo-search__thumb {
  width: 44px; height: 44px; flex: 0 0 44px;
  object-fit: contain; background: var(--colore-ghiaccio, #F2F6FA);
  border: 1px solid var(--colore-bordo, #DAE0E6); border-radius: .25rem;
}
.ecotempo-search__thumb--ph { display: inline-block; }
.ecotempo-search__meta { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .15rem; }
.ecotempo-search__name {
  font-weight: 600; line-height: 1.2;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ecotempo-search__code {
  align-self: flex-start;
  font-size: .72rem; font-weight: 700; letter-spacing: .02em;
  color: var(--colore-blu, #0066CC);
  background: var(--colore-azzurro-velo, #EBF2FA);
  padding: .05rem .4rem; border-radius: 999px;
}
.ecotempo-search__price {
  flex: 0 0 auto; font-weight: 700; color: var(--colore-inchiostro, #1C2A39);
}
.ecotempo-search__all {
  display: block; text-align: center; padding: .6rem;
  font-weight: 600; color: var(--colore-blu, #0066CC);
  background: var(--colore-ghiaccio, #F2F6FA); text-decoration: none;
}
.ecotempo-search__all:hover { background: var(--colore-azzurro-velo, #EBF2FA); }
.ecotempo-search__empty { padding: 1rem .75rem; color: var(--colore-grigio, #5D7083); text-align: center; }

/* "ordine veloce per codice" = icona DENTRO la barra, a sx del pulsante Cerca.
   Barra su una sola riga → header riallineato (niente piu riga sotto). */
.ecotempo-search__quickorder {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 38px; flex: 0 0 auto;
  color: var(--colore-grigio-testo, #30475F); text-decoration: none;
  border-left: 1px solid var(--colore-bordo, #DAE0E6);
  margin-right: .25rem;
}
.ecotempo-search__quickorder:hover { color: var(--colore-blu, #0066CC); text-decoration: none; }
/* il colore icona va forzato: la regola dell'header
   (.ecotempo-hdr-main__tools .material-icons{color:#fff}, caricata DOPO in custom.css)
   la renderebbe BIANCA su fondo bianco = invisibile. Alziamo la specificità includendo
   .ecotempo-search per vincere a parità/ordine di cascata. */
.ecotempo-search .ecotempo-search__quickorder .material-icons {
  font-size: 1.35rem;
  color: var(--colore-grigio-testo, #30475F);
}
.ecotempo-search .ecotempo-search__quickorder:hover .material-icons { color: var(--colore-blu, #0066CC); }

.visually-hidden {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Responsive: barra a tutta larghezza su mobile */
@media (max-width: 991.98px) {
  .ecotempo-search { max-width: 100%; }
  .ecotempo-search__form { height: 44px; }
  .ecotempo-search__submit { padding: 0 .75rem; }
}