/* Finestra «Punti interesse» della pratica: barra raggio, elenco per categoria, mappa coi segnaposto.
   La usano pratica-poi*.js. Colori delle categorie come negli elaboratori (un posto: qui). */

.punti-interesse .modal-dialog {
  max-width: 245mm;
}

.poi-barra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.poi-indirizzo {
  font-size: 0.8125rem;
  min-width: 0;
}

.poi-comandi {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.poi-comandi .form-label {
  margin: 0;
  font-size: 0.8125rem;
  white-space: nowrap;
}

.poi-griglia {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  gap: 0.75rem;
}

/* Anteprima = foglio A4 vero (210 mm, margini 15 mm) dentro la finestra, come lo vedrà chi stampa. */
.poi-anteprima {
  background: var(--tblr-gray-200);
  border-radius: var(--tblr-border-radius);
  padding: 1rem;
  overflow-x: auto;
}

.poi-foglio {
  width: 210mm;
  min-height: 297mm;
  margin: 0 auto;
  padding: 15mm;
  background: #fff;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
}

.poi-foglio > .poi-vuoto {
  margin-top: 2rem;
}

.poi-categoria {
  background: var(--tblr-gray-100);
  border-radius: var(--tblr-border-radius);
  padding: 0.6rem 0.75rem;
}

.poi-categoria-testa {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 0.8125rem;
  margin-bottom: 0.35rem;
}

.poi-punti {
  list-style: none;
  margin: 0;
  padding: 0;
}

.poi-punti li {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.2rem 0;
  font-size: 0.8125rem;
}

.poi-nome {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.poi-distanza {
  flex: none;
  color: var(--tblr-secondary);
}

.poi-segno {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  color: #fff;
  font-size: 0.875rem;
  background: var(--poi-colore, var(--tblr-secondary));
  box-shadow: 0 0 0 2px #fff;
}

.poi-segno[data-categoria="metro"],
.poi-segno[data-categoria="major_transport"] { --poi-colore: #3182ce; }
.poi-segno[data-categoria="train"] { --poi-colore: #d69e2e; }
.poi-segno[data-categoria="preschool"],
.poi-segno[data-categoria="primary_school"],
.poi-segno[data-categoria="secondary_school"] { --poi-colore: #ed8936; }
.poi-segno[data-categoria="university"] { --poi-colore: #805ad5; }
.poi-segno[data-categoria="hospital"] { --poi-colore: #e53e3e; }
.poi-segno[data-categoria="pharmacy"] { --poi-colore: #dc2626; }
.poi-segno[data-categoria="supermarket"],
.poi-segno[data-categoria="park"] { --poi-colore: #38a169; }
.poi-segno[data-categoria="tourist"] { --poi-colore: #dd6b20; }
.poi-segno[data-categoria="bank"] { --poi-colore: #0d9488; }

/* Più specifico di .mappa-scatola del modulo, che arriva dopo. */
.punti-interesse .poi-mappa {
  position: relative;
  z-index: 1;
  height: 28rem;
  border-radius: var(--tblr-border-radius);
  overflow: hidden;
  background: var(--tblr-gray-100);
}

.poi-marcatore {
  background: none;
  border: 0;
}

.poi-vuoto {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--tblr-secondary);
  background: var(--tblr-gray-100);
  border-radius: var(--tblr-border-radius);
}

.poi-vuoto .ti {
  font-size: 1.75rem;
  display: block;
  margin-bottom: 0.5rem;
}

/* Contenuto del documento (pratica-poi-stampa.js) nel foglio standard di documento/: mappa sopra, elenco su tre colonne.
   Testa e piede li fa pagina-documento.js. */
.poi-stampa,
.poi-stampa * {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.poi-stampa .poi-stampa-mappa {
  position: relative;
  z-index: 1;
  height: 100mm;
  margin: 0 0 4mm;
  border-radius: var(--tblr-border-radius);
  overflow: hidden;
  background: var(--tblr-gray-100);
}

.poi-stampa .poi-griglia {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3mm;
}

.poi-stampa .poi-categoria {
  padding: 0.45rem 0.6rem;
  break-inside: avoid;
}

.poi-stampa .poi-categoria-testa,
.poi-stampa .poi-punti li {
  font-size: 0.75rem;
}

.poi-stampa .poi-punti li {
  padding: 0.1rem 0;
}

/* Anteprima nella finestra di ricerca: il foglio standard porta già misura, margini e ombra. */
.poi-foglio:has(> .misura-vista-foglio) {
  width: auto;
  min-height: 0;
  padding: 0;
  background: none;
  box-shadow: none;
}

/* Riga Raggio + Ricerca nel report (pratica-poi-ricerca.js), tra il titolo della finestra e il foglio. */
.poi-ricerca-documento {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.5rem 0;
}

.poi-ricerca-documento .poi-comandi {
  justify-content: flex-end;
}

@media print {
  .poi-ricerca-documento {
    display: none !important;
  }
}

/* Nel documento (finestra e stampa) niente comandi della mappa: sfondi e zoom restano nella finestra di ricerca. */
.misura-vista .poi-stampa .leaflet-control-zoom,
.misura-vista .poi-stampa .mappa-sfondi {
  display: none !important;
}

@media print {
  .poi-stampa .leaflet-control-zoom,
  .poi-stampa .mappa-sfondi {
    display: none !important;
  }
}