/*
 *  PaLin — il poco che Bootstrap non copre.
 *  Ogni regola che si può scrivere con una classe Bootstrap non sta qui.
 */

/* Visualizzatore 360°: l'altezza non è deducibile dal contenuto (la sfera
   riempie ciò che trova), quindi va detta. */
.pano { height: min(68vh, 640px); }

/* Mappa del Toolkit Lexiper: stesso motivo, Leaflet non ha altezza propria. */
.mappa { height: min(50vh, 400px); }

/* Miniature della galleria: le foto hanno proporzioni diverse, la griglia no.
   Non esiste ancora un campo per la versione ridotta: si carica l'originale. */
.miniatura { aspect-ratio: 4 / 3; object-fit: cover; }

/* Albero dei luoghi: il filo verticale che rende leggibile la gerarchia. */
.albero ul { list-style: none; padding-left: 1.1rem; border-left: 1px solid var(--bs-border-color); }
.albero > ul { padding-left: 0; border-left: 0; }
.albero li { padding: .15rem 0; }

/* Trascrizione TEI. Il resto della marcatura esce con classi Bootstrap. */
.tei p:last-child { margin-bottom: 0; }
.tei abbr { text-decoration: underline dotted; cursor: help; }
.tei .tei-nome { font-variant: small-caps; }
.tei .tei-pb { opacity: .5; padding: 0 .2em; }

/* Legenda degli hotspot: stessi colori dei pallini in v360.css (Toolkit Lexiper). */
.hs-legenda .bi { font-size: .7em; vertical-align: middle; }
.hs-t-testo { color: #7cc7ff; }
.hs-t-punto { color: #86d17a; }
.hs-t-media { color: #d19bff; }
.hs-t-url   { color: #ffa96b; }
.hs-t-nota  { color: #ffd24d; }

/* Tabelle dei dati di scheda: la colonna delle etichette non deve ballare
   da una scheda all'altra. */
.dati th { width: 16rem; }