/*
 * Pagina e mappa (12/9; zoom riaperto il 22/9, D48).
 *
 * Il pizzico con due dita ingrandisce di nuovo la pagina (accessibilita');
 * resta fermo solo il doppio tocco, che sui moduli era uno zoom per sbaglio:
 * touch-action: manipulation permette scorrimento e pizzico, non il doppio
 * tocco. Sulla mappa lo zoom lo gestisce Leaflet, e qui gli si lascia mano
 * libera.
 */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

html,
body {
	touch-action: pan-x pan-y; /* 29/9: niente pizzico ne doppio tocco fuori dalla mappa */
}

/* La mappa: pizzico, trascinamento e doppio tocco li gestisce Leaflet. */
.leaflet-container,
.leaflet-container *,
.tbp-mappa,
.tbp-mappa *,
#tbp-home-map,
#tbp-home-map * {
	touch-action: none;
}

/* I campi non devono far scattare lo zoom automatico di iOS: sotto i 16px
   Safari ingrandisce da solo appena si tocca il campo. */
html body :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="search"], input[type="date"], input[type="time"], select, textarea) {
	font-size: max(16px, 1rem);
}

/* L'anteprima del documento: una scheda ferma, non un lettore PDF a tutto
   schermo. L'immagine non si trascina e non si ingrandisce. */
html body .tbp-venditore-verifica__preview {
	max-height: 420px;
	overflow: hidden;
	touch-action: pan-x pan-y;
}

html body .tbp-venditore-verifica__preview-image {
	max-height: 320px;
	-webkit-user-drag: none;
	user-select: none;
	-webkit-user-select: none;
	pointer-events: none;
	touch-action: pan-x pan-y;
}

html body .tbp-venditore-verifica__preview-doc {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	font-size: 0.9375rem;
	color: rgba(8, 72, 40, 0.9);
}

html body .tbp-venditore-verifica__preview-doc-tipo {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	padding: 6px 8px;
	border-radius: 8px;
	background: rgba(8, 72, 40, 0.08);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #084828;
}

html body .tbp-venditore-verifica__preview-doc-nome {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body .tbp-venditore-verifica__preview-doc-link {
	flex: 0 0 auto;
	font-weight: 600;
	color: #084828;
	text-decoration: underline;
}