/* ==========================================================================
   Casa Gaia — BLOCCHI DELLE PAGINE MIGRATE (agente migrazione pagine)
   Caricato su is_singular() / front page e nell'editor a blocchi (inc/risorse.php).
   Classi prodotte da `wp casagaia migra-pagine` (plugin, cli/pagine/):
   - .gc-galleria               galleria core "a muro" (masonry), come .galleria della bozza
   - .gc-galleria--ritratti     le 3 foto d'epoca di Mauro (trittico della bozza)
   - .gc-segnaposto             nota per chi gestisce il sito (solo da collegati)
   - .gc-link-mappa             link a Google Maps (al posto dell'iframe)
   Solo variabili di base.css, niente colori scritti a mano.
   ========================================================================== */

/* --- Galleria a muro (Chi siamo: "Il nostro allevamento") ----------------- */
/* La galleria core è a flex con foto ritagliate: qui diventa a colonne come
   .galleria della bozza (columns 3 280px), foto intere, gap 14px. I selettori
   con :not(#individual-image) servono a battere quelli di WordPress. */
:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria.has-nested-images:not(.gc-galleria--ritratti) {
	display: block;
	columns: 3 280px;
	column-gap: 14px;
	margin-top: var(--spazio-l);
	margin-bottom: var(--spazio-l);
}
:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria.has-nested-images:not(.gc-galleria--ritratti) figure.wp-block-image:not(#individual-image) {
	display: block;
	width: 100%;
	margin: 0 0 14px;
	break-inside: avoid;
	overflow: hidden;
	background: var(--antracite);
}
:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria.has-nested-images:not(.gc-galleria--ritratti).is-cropped figure.wp-block-image:not(#individual-image) img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: initial;
	transition: transform .9s var(--ease), filter .5s;
}
:where(.contenuto) .wp-block-gallery.gc-galleria.has-nested-images figure.wp-block-image:hover img {
	transform: scale(1.03);
}

/* --- Trittico delle foto d'epoca (3 ritratti di Mauro) -------------------- */
:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria--ritratti.has-nested-images {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: var(--spazio-l);
	margin-bottom: calc(var(--spazio-l) + 48px);
}
:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria--ritratti.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
	width: auto;
	margin: 0;
	overflow: hidden;
}
:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria--ritratti.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image):nth-child(3n+2) {
	transform: translateY(48px);
}
:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria--ritratti.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	aspect-ratio: 616 / 900;
	width: 100%;
	height: auto;
	object-fit: cover;
	filter: grayscale(1) contrast(1.05);
}

@media (max-width: 620px) {
	:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria.has-nested-images:not(.gc-galleria--ritratti) { columns: 2; column-gap: 8px; }
	:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria.has-nested-images:not(.gc-galleria--ritratti) figure.wp-block-image:not(#individual-image) { margin-bottom: 8px; }
	:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria--ritratti.has-nested-images { gap: 6px; margin-bottom: calc(var(--spazio-l) + 24px); }
	:where(.contenuto, .editor-styles-wrapper) .wp-block-gallery.gc-galleria--ritratti.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image):nth-child(3n+2) { transform: translateY(24px); }
}

/* Galleria core generica (eventuali nuove gallerie di Mauro): spazio coerente */
:where(.contenuto) .wp-block-gallery.has-nested-images:not(.gc-galleria) { --wp--style--unstable-gallery-gap: 12px; gap: 12px; }

/* --- Titoli nel testo migrato --------------------------------------------- */
/* I titoletti del vecchio testo (H2) con un filo bronzo, come i titoli di sezione della bozza */
.contenuto > h2.wp-block-heading:not([class*="is-style-"])::after {
	content: "";
	display: block;
	width: 56px;
	height: 1px;
	margin-top: 18px;
	background: var(--bronzo);
}

/* Testo sottolineato del vecchio contenuto: filo bronzo, non nero */
:where(.contenuto, .editor-styles-wrapper) span[style*="underline"] {
	text-decoration-color: var(--bronzo);
	text-decoration-thickness: 1px;
	text-underline-offset: .22em;
}

/* --- Segnaposto per chi gestisce il sito ---------------------------------- */
/* Visibile solo da collegati (e nell'editor): per i visitatori non esiste. */
body:not(.logged-in) .contenuto .gc-segnaposto { display: none; }
:where(.contenuto, .editor-styles-wrapper) .gc-segnaposto {
	border: 1px dashed var(--linea-forte);
	padding: 18px 22px;
	color: var(--segnaposto);
	font: italic 400 1.05rem/1.5 var(--serif);
}
:where(.contenuto, .editor-styles-wrapper) .gc-segnaposto::before {
	content: "✎ Nota per chi gestisce il sito — ";
	font: 600 .66rem/1 var(--sans);
	letter-spacing: .16em;
	text-transform: uppercase;
	font-style: normal;
	color: var(--bronzo);
}

/* --- Link alla mappa (Contatti) ------------------------------------------- */
:where(.contenuto) p.gc-link-mappa a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font: 600 .74rem/1 var(--sans);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--avorio);
	text-decoration: none;
	border-bottom: 1px solid var(--bronzo);
	padding-bottom: 8px;
}
:where(.contenuto) p.gc-link-mappa a::after { content: "→"; color: var(--bronzo); transition: transform .3s var(--ease); }
:where(.contenuto) p.gc-link-mappa a:hover { color: var(--bronzo-chiaro); }
:where(.contenuto) p.gc-link-mappa a:hover::after { transform: translateX(4px); }

/* --- Introduzione delle pagine-elenco (Maschi, Femmine) -------------------- */
.contenuto > p.is-style-lead:only-child { margin-bottom: 0; }