/* Tab Download dei prodotti: una riga per documento, i codici lingua a destra (shortcode [diasen_documenti]).
   I codici hanno lo stile del selettore lingua del menu su fondo scuro (.diasen-lang): maiuscolo piccolo, lingua attiva in grassetto sottolineata. */
.diasen-doc-list .diasen-doc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0 16px;
}
.diasen-doc-nome {
	flex: 1 1 14rem;
	min-width: 0;
	text-align: left;
}
.diasen-doc-lingue {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.diasen-doc-list .diasen-doc-lingua {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	min-height: 32px;
	padding: 0 3px;
	box-sizing: border-box;
	color: inherit;
	opacity: .7;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: .02em;
	text-transform: uppercase;
	text-decoration: none;
}
.diasen-doc-list .diasen-doc-lingua:hover,
.diasen-doc-list .diasen-doc-lingua:focus-visible {
	opacity: 1;
	color: #fff;
	text-decoration: none;
}
.diasen-doc-list .diasen-doc-lingua:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -2px;
}
.diasen-doc-list .diasen-doc-lingua.is-current,
.diasen-doc-list .diasen-doc-lingua.is-current:hover {
	opacity: 1;
	color: #fff;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 6px;
}
/* telefono: area di tocco di almeno 44x44 px (padding invisibile); senza spazio i codici vanno a capo sotto il nome */
@media (max-width: 959px) {
	.diasen-doc-nome {
		flex-basis: 100%;
	}
	.diasen-doc-lingue {
		justify-content: flex-start;
	}
	.diasen-doc-list .diasen-doc-lingua {
		min-width: 34px;
		padding: 0;
		min-height: 44px;
	}
}