/* ==========================================================================
   Edilmutti - Realizzazioni: elenco (archive-realizzazione.php) e singola
   realizzazione (single-realizzazione.php). Testata .dg-elenco e percorso
   .dg-briciole (sezioni.css), gallery .dg-muratura (gallery.css), invito
   .dg-chiusura (prodotto.css).
   ========================================================================== */

/* La testata tipografica si appoggia sulla fascia beige che segue. */
.dg-elenco--realizzazioni { padding-bottom: var(--dg-ss-md); }
.dg-elenco--realizzazioni .dg-elenco__testata { margin-bottom: 0; }

/* ---------- Card: foto 4:3 e titolo, tutta cliccabile ---------- */
.dg-lavori { padding-block: var(--dg-ss-lg) var(--dg-ss-xl); background: var(--dg-neutral-200); }
.dg-lavori__lista { display: grid; gap: var(--dg-space-6) var(--dg-space-4); margin: 0; padding: 0; list-style: none; }
@media (min-width: 576px) { .dg-lavori__lista { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .dg-lavori__lista { grid-template-columns: repeat(3, 1fr); gap: var(--dg-ss-md) var(--dg-space-5); } }
/* Le tre "altre realizzazioni": una sotto l'altra fino a 767 px, poi in fila. */
.dg-lavori__lista--tre { grid-template-columns: 1fr; }
@media (min-width: 768px) { .dg-lavori__lista--tre { grid-template-columns: repeat(3, 1fr); } }
.dg-lavoro { position: relative; }
.dg-lavoro__foto { display: block; aspect-ratio: 4 / 3; margin-bottom: var(--dg-space-3); overflow: hidden; background: var(--dg-neutral-300); border-radius: var(--dg-radius-lg); }
.dg-lavoro__foto img { width: 100%; height: 100%; object-fit: cover; }
.dg-lavoro__titolo { margin: 0; font-size: var(--dg-h5); font-weight: var(--dg-fw-normal); line-height: var(--dg-lh-sm); }
.dg-lavoro__titolo a { color: inherit; text-decoration: none; }
.dg-lavoro__titolo a::after { content: ""; position: absolute; inset: 0; }
.dg-lavoro__info { margin: var(--dg-space-1) 0 0; font-size: var(--dg-fs-sm); color: var(--dg-neutral-500); }
@media (prefers-reduced-motion: no-preference) {
	.dg-lavoro__foto img { transition: transform var(--dg-duration-base) var(--dg-ease-standard); }
	.dg-lavoro:hover .dg-lavoro__foto img { transform: scale(1.04); }
}

/* ---------- Interventi: titolo, testo e sotto le foto; una linea tra l'uno e l'altro ---------- */
.dg-interventi { padding-block: var(--dg-ss-lg) var(--dg-ss-xl); background: var(--dg-neutral-200); }
.dg-intervento + .dg-intervento { margin-top: var(--dg-ss-lg); padding-top: var(--dg-ss-lg); border-top: var(--dg-border-width) solid rgba(var(--dg-primary-500-rgb), .2); }
.dg-intervento__titolo { max-width: 20em; margin: 0; font-size: var(--dg-h3); font-weight: var(--dg-fw-normal); line-height: 1.15; }
.dg-intervento__testo { max-width: 40em; margin: var(--dg-space-3) 0 0; font-size: var(--dg-fs-lg); }
.dg-interventi .dg-muratura { margin-top: var(--dg-space-5); }
.dg-interventi .dg-muratura__foto { border-radius: var(--dg-radius-md); }

/* ---------- Invito: stesso respiro sopra (dopo la fascia beige) e sotto ---------- */
.dg-interventi + .dg-chiusura { padding-block: var(--dg-ss-lg); }

/* ---------- Altre realizzazioni ---------- */
.dg-lavori-altri { padding-bottom: var(--dg-ss-xl); }
.dg-lavori-altri__testa { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--dg-space-3); margin-bottom: var(--dg-space-5); }
.dg-lavori-altri__testa h2 { margin: 0; font-size: var(--dg-h4); font-weight: var(--dg-fw-normal); }
.dg-lavori-altri__testa a { font-weight: var(--dg-fw-medium); }