/*
Theme Name: MCD Articoli
Theme URI: https://mcd.local/articoli
Description: Child theme a blocchi di Twenty Twenty-Five per la sezione "articoli" di MCD. Direzione editoriale "su carta": gerarchia tipografica forte, molto respiro, un solo accento.
Author: Mario
Template: twentytwentyfive
Version: 0.2.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: mcd-articoli
*/

/*
  Lo stile globale (colori, font, spaziature) vive in theme.json.
  Qui stanno solo i dettagli editoriali che i blocchi non coprono da soli:
  occhielli, capolettera, fili sottili, e l'indice numerato della home.
*/

/* ---------- Occhiello / eyebrow (categoria, "Il blog") ---------- */
.eyebrow {
	font-family: var(--wp--preset--font-family--testo);
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 600;
	font-size: 0.72rem;
	color: var(--wp--preset--color--accento);
	margin: 0 0 0.7rem;
}
.eyebrow a { color: inherit; text-decoration: none; }
.eyebrow a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Testata dell'articolo (single) ---------- */
.articolo-hero { letter-spacing: -0.01em; line-height: 1.03; margin: 0 0 0.7rem; }

.articolo-meta { color: var(--wp--preset--color--grigio-soft); gap: 0.55rem; align-items: baseline; }
.articolo-meta > * { margin: 0; }
.articolo-meta > * + *::before {
	content: "·";
	margin-right: 0.55rem;
	color: var(--wp--preset--color--grigio-soft);
}

/* Capolettera sul primo paragrafo del corpo */
.articolo-corpo > p:first-of-type::first-letter {
	float: left;
	font-family: var(--wp--preset--font-family--titoli);
	font-weight: 600;
	font-size: 3.6em;
	line-height: 0.7;
	padding: 0.05em 0.14em 0 0;
	color: var(--wp--preset--color--accento);
}

/* Link nel corpo: sottolineatura editoriale */
.articolo-corpo a {
	color: var(--wp--preset--color--accento);
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

/* ---------- Filo: separatore sottile a piena larghezza ---------- */
.wp-block-separator.filo {
	border: 0;
	border-top: 1px solid rgba(28, 27, 24, 0.16);
	opacity: 1;
	max-width: none;
}

/* ---------- Indice numerato (home) ---------- */
.blog-lead { margin-top: 0.4rem; max-width: 34rem; }

.wp-block-post-template.indice {
	list-style: none;
	counter-reset: voce;
	margin: 0;
	padding: 0;
	gap: 0;
}
.wp-block-post-template.indice > li.wp-block-post {
	counter-increment: voce;
	border-top: 1px solid rgba(28, 27, 24, 0.16);
	padding: 1.9rem 0;
	margin: 0;
}
.indice .voce { position: relative; padding-left: 3.4rem; }
.indice .voce-titolo::before {
	content: counter(voce, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 0.15em;
	font-family: var(--wp--preset--font-family--testo);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--accento);
}
.indice .voce-data {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.72rem;
	margin: 0 0 0.45rem;
}
.indice .voce-titolo { margin: 0 0 0.5rem; line-height: 1.08; }
.indice .voce-titolo a { color: var(--wp--preset--color--inchiostro); text-decoration: none; }
.indice .voce-titolo a:hover { color: var(--wp--preset--color--accento); }
.indice .voce-estratto { margin: 0; color: var(--wp--preset--color--grigio-soft); }

/* Responsive: su schermi stretti il numero va sopra, niente colonna */
@media (max-width: 600px) {
	.indice .voce { padding-left: 0; }
	.indice .voce-titolo::before { position: static; display: block; margin-bottom: 0.4rem; }
}

/* ---------- Footer (integrato dal footer di /mcd/verifiche) ---------- */
.site-footer {
	margin-top: var(--wp--preset--spacing--60);
	border-top: 1px solid rgba(28, 27, 24, 0.16);
	color: var(--wp--preset--color--grigio-soft);
	font-size: 0.92rem;
}
.site-footer .f-name {
	font-family: var(--wp--preset--font-family--titoli);
	font-weight: 600;
	font-size: 1.3rem;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--inchiostro);
	margin: 0 0 0.5rem;
}
.site-footer .f-tag { margin: 0; max-width: 22rem; }
.site-footer .f-h {
	font-family: var(--wp--preset--font-family--testo);
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.7rem;
	font-weight: 600;
	color: var(--wp--preset--color--inchiostro);
	margin: 0 0 0.85rem;
}
.site-footer .wp-block-column p { margin: 0 0 0.45rem; }
.site-footer a { color: var(--wp--preset--color--rosso-chiaro); text-decoration: none; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 3px; }

.site-footer .footer-bottom {
	margin-top: var(--wp--preset--spacing--40);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}
.site-footer .f-logo img { display: block; width: 91px; height: auto; }
.site-footer .f-copy { color: var(--wp--preset--color--grigio-soft); font-size: 0.85rem; }
.site-footer .f-social { display: flex; gap: 1rem; }
.site-footer .f-social a { color: var(--wp--preset--color--grigio-soft); display: flex; }
.site-footer .f-social a:hover { color: var(--wp--preset--color--rosso-chiaro); }
.site-footer .f-social svg { width: 22px; height: 22px; fill: currentColor; }