/* Quiz 3ª PIAs — mappe
   Lista mappe nella materia, pulsante mappa, visore con zoom. */

/* ---------- mappe ---------- */
.lista-mappe { display: flex; flex-direction: column; gap: 8px; }
.card-mappa {
  display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; text-align: left;
  border: 0; background: var(--foglio); border-radius: var(--raggio-piccolo); padding: 10px 14px; box-shadow: var(--ombra);
}
.card-mappa .icona-mappa { width: 44px; height: 44px; border-radius: 12px; background: var(--materia-chiara); color: var(--materia); display: grid; place-items: center; }
.card-mappa .icona-mappa svg { width: 26px; height: 26px; }
.card-mappa .mn { font-weight: 700; }
.card-mappa .md { font-size: .85rem; color: var(--inchiostro-2); }
.card-mappa .mc { font-family: var(--font-titoli); font-weight: 600; color: var(--materia); }
.btn-mappa { width: 100%; margin-top: 10px; background: var(--materia-chiara); color: var(--inchiostro); }

.schermata-visore { display: flex; flex-direction: column; height: calc(100dvh - 120px); min-height: 420px; }
.visore-barra { display: grid; grid-template-columns: 44px 1fr 44px; gap: 8px; align-items: center; margin-bottom: 8px; }
.visore-nome { text-align: center; font-family: var(--font-titoli); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.btn-icona { width: 44px; height: 44px; padding: 0; font-size: 1.4rem; }
.btn-icona svg { width: 22px; height: 22px; }
.visore-area {
  flex: 1; min-height: 0; overflow: hidden; position: relative; border-radius: var(--raggio);
  background: #fff; box-shadow: var(--ombra); touch-action: none; cursor: grab; user-select: none; -webkit-user-select: none;
}
.visore-area:active { cursor: grabbing; }
.visore-area img { position: absolute; left: 0; top: 0; max-width: none; transform-origin: 0 0; will-change: transform; pointer-events: none; }
.visore-strumenti { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.visore-strumenti .btn { padding: 10px 14px; }
.visore-strumenti a.btn { text-decoration: none; }
#visPdf { display: contents; }