/* Area download: sezioni a fisarmonica, una riga per documento con i pulsanti lingua (misure dal mockup approvato) */
.iad {
	--iad-navy: #0C5591;
	--iad-blu: #0C5591;
	--iad-link: #0C5591;
	--iad-arancio: #F26D21;
	--iad-testo: #1f2a3a;
	--iad-muto: #6f809e;
	--iad-testata: #edeff1;
	--iad-pill: #eef1f3;
	--iad-riga: #edeff3;
	--iad-bordo: #e6e9ee;
	display: flex;
	flex-direction: column;
	gap: 19px;
	color: var(--iad-testo);
	line-height: 1.3;
}
.iad *, .iad *::before, .iad *::after { box-sizing: border-box; }
.iad-sezione {
	border: 1px solid var(--iad-bordo);
	border-radius: 9px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(16, 38, 66, .04);
}
.iad .iad-testata {
	all: unset;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	min-height: 76px;
	padding: 16px 28px 16px 27px;
	background: var(--iad-testata);
	cursor: pointer;
	text-align: left;
	color: var(--iad-navy);
}
.iad .iad-sezione .iad-testata:hover,
.iad .iad-sezione .iad-testata:focus,
.iad .iad-sezione .iad-testata:active { background: var(--iad-testata); color: var(--iad-navy); }
.iad .iad-testata:focus-visible { outline: 3px solid var(--iad-blu); outline-offset: -3px; }
.iad-icona { flex: 0 0 auto; display: flex; color: var(--iad-navy); }
.iad-icona svg { width: 36px; height: 36px; stroke-width: 1.7; }
.iad-testi { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.iad-nome { font-size: 21px; font-weight: 700; line-height: 1.2; color: var(--iad-navy); }
.iad-descr { font-size: 15.5px; line-height: 1.3; color: var(--iad-muto); font-weight: 400; }
.iad-freccia { flex: 0 0 auto; display: flex; color: #1c2430; transition: transform .2s ease; }
.iad-freccia svg { width: 24px; height: 24px; stroke-width: 2; }
.iad-aperta .iad-freccia { transform: rotate(180deg); }

.iad-corpo { padding: 4px 26px 6px; }
.iad-corpo[hidden] { display: none; }
.iad-vuoto { margin: 16px 0 12px; color: var(--iad-muto); font-size: 15px; }

.iad-riga {
	display: grid;
	grid-template-columns: 43fr 25.8fr 18.2fr 13fr;
	align-items: center;
	min-height: 41px;
	padding: 6px 0;
	border-bottom: 1px solid var(--iad-riga);
}
.iad-riga:last-child { border-bottom: 0; }
.iad-intestazione { min-height: 40px; padding-top: 10px; font-size: 14.5px; font-weight: 500; color: var(--iad-muto); }
.iad-titolo { font-size: 16.5px; color: var(--iad-testo); overflow-wrap: anywhere; padding-right: 16px; }
.iad-lingue > span { display: flex; flex-wrap: wrap; gap: 8px; }
.iad .iad-lingue .iad-pill {
	all: unset;
	box-sizing: border-box;
	min-width: 47px;
	height: 24px;
	padding: 0 9px;
	border-radius: 8px;
	background: var(--iad-pill);
	border: 1.5px solid transparent;
	color: var(--iad-blu);
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	transition: background-color .15s, border-color .15s, color .15s;
}
/* stati: neutro grigio/blu, selezionato + bordo blu, passaggio del mouse arancio/bianco senza bordo */
.iad .iad-lingue .iad-pill:focus,
.iad .iad-lingue .iad-pill:active { background: var(--iad-pill); color: var(--iad-blu); border-color: transparent; }
.iad .iad-lingue .iad-pill.iad-scelta { background: var(--iad-pill); border-color: var(--iad-blu); color: var(--iad-blu); }
/* solo con il mouse: su telefono il tocco lascerebbe il pulsante arancione invece che "selezionato" */
@media (hover: hover) {
	.iad .iad-lingue .iad-pill:hover { background: var(--iad-arancio); border-color: transparent; color: #fff; }
}
.iad .iad-lingue .iad-pill:focus-visible { outline: 2px solid var(--iad-blu); outline-offset: 2px; }
.iad-peso { font-size: 15.5px; color: var(--iad-testo); white-space: nowrap; }
.iad-azione { text-align: left; }
.iad .iad-scarica {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: var(--iad-link);
	font-size: 15.5px;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	white-space: nowrap;
}
.iad .iad-scarica svg { width: 24px; height: 24px; color: var(--iad-navy); stroke-width: 2; }
.iad .iad-scarica:hover { color: var(--iad-navy); }

/* testo informativo in alto */
.iad .iad-intro { margin: 0 0 4px; font-size: 15.5px; line-height: 1.5; color: #4b5568; }
.iad .iad-intro a { color: var(--iad-blu); text-decoration: underline; text-underline-offset: 2px; }
.iad .iad-intro a:hover { color: var(--iad-arancio); }

/* tablet */
@media (max-width: 1024px) {
	.iad-riga { grid-template-columns: 38fr 28fr 17fr 17fr; }
}
/* telefono: ogni documento diventa una scheda */
@media (max-width: 767px) {
	.iad .iad-testata { padding: 14px 16px; gap: 14px; min-height: 0; }
	.iad-icona svg { width: 30px; height: 30px; }
	.iad-nome { font-size: 19px; }
	.iad-descr { font-size: 14px; }
	.iad-corpo { padding: 2px 16px 6px; }
	.iad-intestazione { display: none; }
	.iad-riga {
		grid-template-columns: 1fr auto;
		grid-template-areas: "titolo titolo" "lingue lingue" "peso azione";
		gap: 10px 12px;
		padding: 14px 0;
	}
	.iad-titolo { grid-area: titolo; font-weight: 600; padding-right: 0; }
	.iad-lingue { grid-area: lingue; }
	.iad-peso { grid-area: peso; color: var(--iad-muto); font-size: 14px; }
	.iad-azione { grid-area: azione; }
}

/* icona di download della testata (Elementor): su Safari/iPhone il riquadro restava più basso dell'immagine
   (larghezza 41%) e l'icona finiva sopra il testo; a tutta larghezza l'altezza torna giusta */
.e-con > .elementor-element-70f81d1.elementor-widget-image { width: 100%; }
@media (max-width: 767px) {
	.e-con .elementor-element.elementor-element-70f81d1.elementor-widget-image img { width: 64px; }
	/* meno spazio sotto l'icona */
	.e-con .elementor-element.elementor-element-70f81d1 > .elementor-widget-container { margin-bottom: 0; }
	.e-con .elementor-element.elementor-element-fb6eef4 { --padding-bottom: 0px; }
}