/* ============================================================
   Elenco documenti - trascrizione di .doc-block, .doc-heading,
   .doc-intro e .doc-list--minimal del blocco <style> delle
   pagine di concorso del riferimento, fuse con la base
   .doc-list / .doc-item / .doc-info / .doc-icon di
   iniziative.css.

   Le regole sono scritte per intero e non sopra a servizi.css:
   quel foglio disegna l'elenco a schede della pagina Servizi,
   che e' un altro componente e non deve entrarci.
   ============================================================ */

/* Ogni regola parte da :root. Senza, .wp-block-apitrentine-X.<classe> pareggia
   la specificita' di .article .article-body <elemento> in article.css - due
   classi e un elemento da tutte e due le parti - e vince chi carica dopo, che
   e' il foglio del tema. :root aggiunge la classe che serve, ed e' anche
   quello che core usa per le sue regole globali. */

:root .wp-block-apitrentine-documenti.doc-block {
	margin: 48px 0;
	padding: 28px 32px;
	border: 1px solid var(--wp--preset--color--border-line);
	border-radius: var(--wp--custom--radius-lg);
	background: var(--wp--preset--color--cream);
}

:root .wp-block-apitrentine-documenti.doc-block .doc-heading {
	font-size: 1.6rem;
	font-weight: 400;
	color: var(--wp--preset--color--secondary);
	margin: 0 0 12px;
}

:root .wp-block-apitrentine-documenti.doc-block .doc-intro {
	font-size: 1.05rem;
	line-height: 1.85;
	color: var(--wp--preset--color--text-muted);
	margin: 0 0 4px;
}

:root .wp-block-apitrentine-documenti.doc-block .doc-intro a {
	color: var(--wp--preset--color--amber);
	text-decoration: underline;
	text-decoration-color: currentColor;
	font-weight: 600;
}

/* Righe separate da una linea, senza schede: il gap di 12px e' quello della
   base .doc-list, che nel riferimento .doc-list--minimal non azzera. */
:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 24px 0 8px;
}

/* La riga descrive la propria scatola per intero, comprese le proprieta' che
   qui restano a zero: .doc-list .doc-item di servizi.css - l'elenco a schede
   della pagina Servizi - aggancia le stesse classi, e senza queste
   dichiarazioni le sue cornici entrerebbero anche qui. */
:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal .doc-item {
	display: block;
	background: none;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid var(--wp--preset--color--border-line);
	box-shadow: none;
	cursor: pointer;
}

:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal .doc-item:hover {
	border-color: transparent;
	border-bottom-color: var(--wp--preset--color--border-line);
	box-shadow: none;
}

:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal .doc-item:last-child {
	border-bottom: none;
}

:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal .doc-item > a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 2px;
	font-size: 1rem;
	font-weight: 400;
	color: inherit;
	text-decoration: none;
}

:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal .doc-item > a:hover .doc-info strong {
	color: var(--wp--preset--color--amber);
}

:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal .doc-icon {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	color: var(--wp--preset--color--amber);
}

:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal .doc-info {
	flex: 1;
}

:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal .doc-info strong {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	color: var(--wp--preset--color--text-base);
	margin-bottom: 2px;
	transition: color var(--wp--custom--transition);
}

:root .wp-block-apitrentine-documenti.doc-block .doc-list--minimal .doc-info span {
	font-size: .88rem;
	color: var(--wp--preset--color--text-muted);
}