/* ==========================================================================
   Edilmutti - Contatti (templates/contatti.php). Testata .dg-elenco--grande
   (sezioni.css), fascia beige con il form di Contact Form 7 e la colonna dei
   contatti. Il form usa lo stile di base dg-cf7.css: qui se ne cambiano solo le
   variabili --dg-cf7-* (forms.md della skill), non le regole.
   ========================================================================== */

.dg-contatti { padding-block: var(--dg-ss-lg) var(--dg-ss-xl); background: var(--dg-neutral-200); }
.dg-contatti__griglia { display: grid; gap: var(--dg-ss-lg); }
@media (min-width: 992px) {
	.dg-contatti__griglia { grid-template-columns: 7fr 1fr 4fr; gap: 0; }
	.dg-contatti__info { grid-column: 3; }
}
.dg-contatti__titolo { max-width: 14em; margin: 0 0 var(--dg-space-3); }
.dg-contatti__intro { max-width: 34em; margin: 0 0 var(--dg-space-6); font-size: var(--dg-fs-lg); }

/* ---------- Form: campi e pulsante squadrati su fondo chiaro, pulsante verde pieno ---------- */
.dg-contatti .wpcf7 {
	--dg-cf7-field-bg: var(--dg-neutral-100);
	--dg-cf7-field-color: var(--dg-primary-500);
	--dg-cf7-field-border: var(--dg-neutral-300);
	--dg-cf7-field-radius: 0;
	--dg-cf7-placeholder: var(--dg-neutral-500);
	--dg-cf7-accent: var(--dg-primary-500);
	--dg-cf7-accent-hover: var(--dg-primary-600);
	--dg-cf7-accent-contrast: var(--dg-neutral-100);
	--dg-cf7-focus-ring: rgba(var(--dg-primary-500-rgb), .15);
	--dg-cf7-button-radius: 0;
}

/* ---------- Colonna dei contatti: blocchi separati da filetti ---------- */
.dg-contatti__info > div + div { margin-top: var(--dg-space-5); padding-top: var(--dg-space-5); border-top: var(--dg-border-width) solid rgba(var(--dg-primary-500-rgb), .2); }
.dg-contatti__info h2 { margin: 0 0 var(--dg-space-3); font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-medium); letter-spacing: .04em; text-transform: uppercase; }
.dg-contatti__info address, .dg-contatti__info p, .dg-contatti__info ul { margin: 0; font-size: var(--dg-fs-lg); font-style: normal; }
.dg-contatti__info ul { padding: 0; list-style: none; }
.dg-contatti__info li + li { margin-top: var(--dg-space-1); }
.dg-contatti__info a { color: inherit; }
.dg-contatti__etichetta { color: var(--dg-neutral-500); }
.dg-contatti__orari li { display: grid; }
.dg-contatti__info .dg-contatti__orari li + li { margin-top: var(--dg-space-3); }
.dg-contatti__info .dg-contatti__percorso { margin-top: var(--dg-space-4); font-size: inherit; }
.dg-contatti__social { display: flex; gap: var(--dg-space-3); }
.dg-contatti__social a { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: var(--dg-border-width) solid rgba(var(--dg-primary-500-rgb), .3); }
.dg-contatti__social a:hover { border-color: var(--dg-primary-500); }
.dg-contatti__social .dg-icona { width: 1.25rem; height: 1.25rem; }