/* =========================================================
   LA RIGA "CERCA VICINO A …" DENTRO A UNA GITA
   =========================================================
   ⬇️ NUOVO (11/08/2026, per i supermercati di Hel: i suggerimenti si
   chiedono intorno alla gita e non intorno alla sosta).

   File a parte e non dentro main.css, che è uno dei tre già sopra il
   limite di §4.4 e va diviso dopo il viaggio: aggiungerci righe adesso
   allontanerebbe quella divisione. Stessa scelta di mangiare.css e
   map-gruppi.css.
   ========================================================= */

.gita-cerca{
  display:flex; align-items:center; flex-wrap:wrap; gap:6px;
  margin-top:8px; padding-top:8px; border-top:1px dashed var(--line);
}

/* L'etichetta dice a cosa serve la riga, e durante la ricerca diventa il
   posto dove si legge "Cerco nelle vicinanze…" (gite-cerca.js): per
   questo può andare a capo e non ha larghezza fissa. */
.gita-cerca-eti{
  font-size:11.5px; color:var(--muted); line-height:1.35;
  flex:1 1 100%; min-width:0;
}

.gita-cerca-bottoni{ display:flex; flex-wrap:wrap; gap:4px; }

/* Larghi abbastanza da prendersi col dito in viaggio (§ telefono): 30px
   di lato, che è la misura già usata dai pulsanti icona della barra del
   titolo sugli schermi stretti. */
.gita-cerca-cat{
  width:30px; height:30px; padding:0;
  border:1px solid var(--line); border-radius:8px;
  background:var(--white); cursor:pointer;
  font-size:15px; line-height:1;
}
.gita-cerca-cat:hover{ border-color:var(--route); background:var(--paper); }
.gita-cerca-cat:disabled{ opacity:.45; cursor:default; }

/* Quando la gita non ha ancora un posto suo: si dice perché non si
   cerca, invece di cercare intorno alla sosta facendo credere che i
   risultati siano della gita. */
.gita-cerca-no{
  margin-top:8px; padding-top:8px; border-top:1px dashed var(--line);
  font-size:11.5px; color:var(--muted); line-height:1.4;
}