/* ==========================================================================
   Singola poesia — stile "poetico" (opzione della pagina Poesia)
   Foglio chiaro, colonna stretta centrata, versi in Cormorant Garamond corsivo,
   ornamenti sottili, strofe che affiorano allo scroll.
   ========================================================================== */

@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/cormorant-garamond-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 500; font-display: swap; src: url("../fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2"); }

.poem {
	--poem-paper: #f8f5ef;
	--poem-ink: #2b2a28;
	--poem-serif: "Cormorant Garamond", "Iowan Old Style", Georgia, "Times New Roman", serif;
	padding: clamp(2.5rem, 7vw, 6rem) var(--vm-gutter) clamp(2rem, 5vw, 4rem);
	background:
		radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, .9), transparent 60%),
		var(--poem-paper);
}
.poem__sheet { max-width: 640px; margin: 0 auto; }

.poem__head { text-align: center; margin-bottom: clamp(2rem, 5vw, 3.2rem); }
.poem__kicker { margin: 0 0 1.2rem; font-size: .7rem; font-weight: 600; letter-spacing: .32em; text-transform: uppercase; }
.poem__kicker a, .poem__kicker { color: var(--vm-primary); }
.poem__kicker a:hover { color: var(--vm-accent); }
.poem__title {
	margin: 0; font-family: var(--poem-serif); font-weight: 600; font-style: normal;
	font-size: clamp(2.3rem, 5.5vw, 3.6rem); line-height: 1.1; letter-spacing: .01em; color: var(--poem-ink);
}
.poem__meta { margin: .9rem 0 0; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--vm-meta); }

/* ornamento: filo sottile con losanga al centro */
.poem__ornament {
	position: relative; display: block; width: 120px; height: 9px; margin: 1.8rem auto 0;
	background: linear-gradient(var(--vm-primary), var(--vm-primary)) center / 100% 1px no-repeat;
	opacity: .55;
}
.poem__ornament::after {
	content: ""; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px;
	background: var(--poem-paper); border: 1px solid var(--vm-primary);
	transform: translate(-50%, -50%) rotate(45deg);
}

/* versi */
.poem__body {
	width: fit-content; max-width: 100%; margin: 0 auto; /* blocco dei versi centrato, righe allineate a sinistra */
	font-family: var(--poem-serif); font-style: italic; font-weight: 500;
	font-size: clamp(1.3rem, 2.2vw, 1.55rem); line-height: 1.75; color: var(--poem-ink);
}
.poem__body p { margin: 0 0 1.6em; }
.poem__body em, .poem__body i { font-style: inherit; } /* i versi importati sono spesso già in <em> */
.poem__body strong, .poem__body b { font-weight: 600; }
/* il titolo e l'etichetta importati nel testo sono già nell'intestazione */
.poem__body .post-head__title,
.poem__body > h1:first-child, .poem__body > h2:first-child { display: none; }
.poem__body h2, .poem__body h3 { font-family: var(--poem-serif); font-style: normal; font-weight: 600; font-size: 1.4em; margin: 1.6em 0 .6em; }
.poem__body hr { width: 60px; margin: 2.4em auto; border: 0; height: 1px; background: currentColor; opacity: .25; }
.poem__body hr::before, .poem__body hr::after { display: none; }
.poem__body a { color: var(--vm-primary); }

/* strofe che affiorano (solo con JS e senza riduzione movimento) */
.poem__body.is-reveal p { opacity: 0; transform: translateY(14px); transition: opacity .9s ease, transform .9s ease; }
.poem__body.is-reveal p.is-in { opacity: 1; transform: none; }

.poem__foot { text-align: center; margin-top: 2.4rem; }
.poem__signature { margin: 1.2rem 0 0; font-family: var(--poem-serif); font-style: italic; font-size: 1.25rem; color: var(--vm-meta); }

.poem__figure { margin: 3rem auto 0; max-width: 480px; }
.poem__figure img { width: 100%; height: auto; display: block; box-shadow: 0 10px 30px rgba(0, 0, 0, .12); }

/* bottone "Tutte le poesie" sul foglio */
.single-post .poem + .back-to-list,
.poem ~ .back-to-list { background: var(--poem-paper, #f8f5ef); padding-top: 0; }

@media (max-width: 560px) {
	.poem__body { line-height: 1.65; }
	.poem__ornament { width: 90px; }
}
@media (prefers-reduced-motion: reduce) {
	.poem__body.is-reveal p { opacity: 1; transform: none; transition: none; }
}