/* ==================================================================
   PUSTORINO IMMOBILIARE — CSS del CATALOGO
   Barra dei filtri, riepilogo risultati, pillole dei filtri attivi,
   paginazione e stato "nessun risultato".
   Caricato solo da immobili.php, dopo base.css e immobili.css.
   ================================================================== */

.hero-catalogo{padding-bottom:40px}

/* --- barra dei filtri, agganciata sotto la testata --- */
.fascia-filtri{
  background:var(--carbone);
  border-bottom:1px solid var(--linea-scura);
  padding:22px 0;
  position:sticky;top:var(--altezza-testata);z-index:40;
}

.campi-filtri{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr auto;
  gap:1px;background:rgba(255,255,255,.12);
  border-radius:var(--bordo-r);overflow:hidden;
}

/* --- riepilogo risultati --- */
.barra-risultati{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;margin-bottom:22px;
  font-size:15px;color:var(--fumo);
}
.barra-risultati strong{
  font-family:var(--display);font-variation-settings:'wdth' 114;
  font-size:22px;color:var(--grafite);font-weight:700;
}
.pagina-corrente{font-family:var(--dato);font-size:13px}

.campo-ordine select{
  padding:10px 14px;border:1px solid var(--linea);border-radius:var(--bordo-r);
  background:var(--bianco);color:var(--grafite);
  font-family:var(--testo);font-size:14px;cursor:pointer;
}
.campo-ordine select:focus{outline:2px solid var(--rosso);outline-offset:1px}
/* --- pillole dei filtri attivi --- */
.filtri-attivi{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--linea);
}
.etichetta-filtri{
  font-family:var(--dato);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fumo);margin-right:4px;
}
.pillola-filtro{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--bianco);border:1px solid var(--linea);
  padding:7px 13px;border-radius:100px;font-size:13.5px;
  transition:border-color .2s ease,color .2s ease;
}
.pillola-filtro i{font-size:14px;color:var(--fumo);transition:color .2s ease}
.pillola-filtro:hover{border-color:var(--rosso);color:var(--rosso)}
.pillola-filtro:hover i{color:var(--rosso)}
.azzera-filtri{
  font-family:var(--dato);font-size:12px;letter-spacing:.06em;
  color:var(--rosso);text-decoration:underline;text-underline-offset:3px;margin-left:4px;
}

/* --- paginazione --- */
.paginazione{
  display:flex;align-items:center;justify-content:center;gap:6px;
  flex-wrap:wrap;margin-top:48px;
}
.pag{
  min-width:42px;height:42px;padding:0 13px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:var(--bianco);border:1px solid var(--linea);border-radius:var(--bordo-r);
  font-family:var(--dato);font-size:13.5px;color:var(--grafite);
  transition:all .2s ease;
}
.pag:hover{border-color:var(--grafite)}
.pag.attiva{background:var(--rosso);border-color:var(--rosso);color:var(--bianco);font-weight:600}
.pag.prec,.pag.succ{padding:0 18px}
.pag-salto{color:var(--fumo);padding:0 4px}

/* --- nessun risultato --- */
.nessun-risultato{
  text-align:center;padding:70px 24px;
  background:var(--bianco);border:1px dashed var(--linea);border-radius:var(--bordo-r);
}
.nessun-risultato i{font-size:38px;color:var(--linea);display:block;margin-bottom:18px}
.nessun-risultato h2{font-size:1.5rem;margin-bottom:12px}
.nessun-risultato p{color:var(--fumo);max-width:480px;margin:0 auto 26px}
.azioni-vuoto{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}

/* --- adattamento --- */
@media (max-width:1100px){
  /* Due colonne, non tre: i campi sono quattro (contratto, dettaglio,
     prezzo, camere) e con tre colonne l'ultima riga restava con un
     campo e due caselle vuote. A due colonne si dispongono 2+2 e il
     pulsante occupa da solo la riga sotto, larga quanto entrambe. */
  .campi-filtri{grid-template-columns:1fr 1fr;gap:1px}
  .campi-filtri .cerca{grid-column:1/-1;padding:15px}

  /* Salvaguardia: il campo "Dettaglio" compare solo se in archivio
     ci sono tipologie. Senza di esso i campi scendono a tre e
     l'ultimo resterebbe solo, con una casella vuota accanto. La
     regola individua il campo che finirebbe spaiato — e' il
     penultimo elemento e occupa una posizione dispari — e lo fa
     occupare l'intera riga. */
  .campi-filtri > *:nth-last-child(2):nth-child(odd){grid-column:1/-1}
}
@media (max-width:900px){
  /* la barra filtri smette di restare agganciata: su schermo basso
     mangerebbe troppo spazio verticale */
  .fascia-filtri{position:static;padding:18px 0}
  /* la disposizione a due colonne arriva gia' da 1100px */
  .barra-risultati{gap:14px}
}
@media (max-width:620px){
  .campi-filtri{grid-template-columns:1fr}
  .filtri .tipo-contratto{flex:1;text-align:center;padding:9px 10px;font-size:11px}
  .filtri .tipi-contratto{gap:6px}
  .barra-risultati{flex-direction:column;align-items:flex-start}
  .campo-ordine,.campo-ordine select{width:100%}
  .pag.prec,.pag.succ{padding:0 14px;font-size:12.5px}
  .nessun-risultato{padding:48px 18px}
}