/*
 * Stili dei singoli pattern: caricati sia sul sito sia nell'editor.
 *
 * Ogni pattern ha una classe fissa "nd-<nome-pattern>" sul blocco esterno
 * (la vedi in Avanzate > Classi CSS aggiuntive). Scrivi qui sotto lo stile
 * del pattern che vuoi cambiare; vale su tutte le pagine che lo usano.
 * Per una sola pagina aggiungi una tua classe al blocco e usa quella.
 *
 * Esempio:
 * .nd-entriamo-in-contatto { background-color: #0261AB !important; }
 * (!important serve solo per battere un colore scelto dall'editor.)
 */


/* --- Home --- */
.nd-hero-home {}
.nd-intro-due-colonne {}
.nd-griglia-sezioni {}
.nd-card-sezione {}
.nd-entriamo-in-contatto {}
.nd-card-contatto {}

/* --- Pagine interne --- */
.nd-banner-titolo {}
.nd-testo-intro {}
.nd-testo-due-colonne {}
.nd-immagine-testo {}
.nd-galleria-tre-immagini {}
.nd-cta-consulenza {}
/* Bottone grande a pillola, come sul sito originale (circa 220x68 px). */
.nd-cta-consulenza .wp-block-button .wp-block-button__link.wp-element-button {
	padding: .625rem 1.25rem;
	font-size: clamp(1.375rem, 4vw, 1.875rem);
	font-weight: 600;
	line-height: 1.6;
	border-radius: 30px;
}

/* --- Chi siamo --- */
.nd-chi-siamo-tabs {}
.nd-valori-numerati {}

/* --- Settori / Servizi --- */
.nd-griglia-settori {}
.nd-griglia-servizi {}
.nd-card-link {}
.nd-card-link-testo {}
.nd-settori-correlati {}
.nd-bottone-torna-settori {}
.nd-bottone-torna-servizi {}

/* --- Pagine di dettaglio (settori / servizi) --- */
.nd-titolo-pagina {}
.nd-riquadro-testo {}
.nd-riquadro-immagine-testo {}
.nd-riquadro-a-chi-si-rivolge {}
.nd-riquadro-fascia {}
.nd-riquadro-icone {}
.nd-immagine-grande {}
.nd-galleria-immagini {}
.nd-bottoni-scopri-torna {}

/* --- Progetti / R&D --- */
.nd-griglia-progetti {}
.nd-card-progetto {}
.nd-scheda-progetto {}
/* Titolo: stessa barra blu delle pagine di dettaglio, ma i titoli dei
   progetti sono frasi lunghe, quindi niente maiuscolo e testo più piccolo. */
.nd-scheda-progetto .wp-block-heading.is-style-barra {
	text-transform: none;
	letter-spacing: 0;
	font-size: clamp(1.25rem, 2.4vw, 1.875rem);
	line-height: 1.35;
	padding: 1em 1.5em;
	margin-block-end: var(--wp--preset--spacing--50);
}
.nd-scheda-progetto .wp-block-heading.is-style-fascia { margin-block-start: var(--wp--preset--spacing--50); }
.nd-scheda-progetto .wp-block-group.is-style-riquadro > * + * { margin-block-start: 1.25rem; }
.nd-scheda-progetto .wp-block-group.is-style-riquadro > p,
.nd-scheda-progetto .wp-block-column > p { line-height: 1.7; }

/* Informazioni principali: etichetta a sinistra, valore a destra, righe divise da una linea. */
.nd-info-progetto { margin: 0; }
.nd-info-progetto table { border-collapse: collapse; }
.nd-info-progetto th,
.nd-info-progetto td {
	border: 0;
	border-bottom: 1px solid rgba(2, 97, 171, .15);
	background: none;
	padding: .8rem 1rem;
	vertical-align: top;
	text-align: left;
	line-height: 1.6;
}
.nd-info-progetto tr:last-child > * { border-bottom: 0; }
.nd-info-progetto th {
	width: 32%;
	color: var(--wp--preset--color--primary);
	font-weight: 600;
}

/* Immagini e tavole: angoli arrotondati, fondo bianco, didascalia sotto.
   Con un clic si aprono a tutto schermo (lightbox). */
.nd-scheda-progetto .wp-block-image { margin: 0; }
/* Le tavole verticali non superano l'altezza dello schermo. */
.nd-scheda-progetto .wp-block-image img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: min(80vh, 760px);
	height: auto;
	margin-inline: auto;
	border-radius: 16px;
	background: var(--wp--preset--color--white);
	box-shadow: 0 6px 20px rgba(0, 11, 48, .08);
}
.nd-scheda-progetto figcaption.wp-element-caption {
	margin: .75rem 0 0;
	font-size: var(--wp--preset--font-size--small);
	font-style: italic;
	color: var(--ss-color-muted);
	text-align: center;
	line-height: 1.5;
}
.nd-scheda-progetto .wp-block-gallery { gap: var(--wp--preset--spacing--30); }
.nd-scheda-progetto .wp-block-gallery.has-nested-images figure.wp-block-image { align-self: flex-start; }
.nd-scheda-progetto .wp-block-columns { gap: var(--wp--preset--spacing--40); margin-block: 0; }
.nd-bottone-torna-progetti { margin-block-start: var(--wp--preset--spacing--50); }

@media (max-width: 600px) {
	/* !important: il CSS personalizzato del vecchio sito porta tutti gli H1 a 60px da telefono. */
	.nd-scheda-progetto .wp-block-heading.is-style-barra { padding: .9em 1.1em; border-radius: 24px; font-size: 1.25rem !important; }
	.nd-scheda-progetto .wp-block-heading.is-style-fascia { font-size: 1.125rem !important; padding: .85rem 1rem; }
	.nd-scheda-progetto :is(p, li, th, td) { font-size: 1rem !important; }
	.nd-scheda-progetto figcaption.wp-element-caption { font-size: .875rem !important; }
	.nd-scheda-progetto .wp-block-group.is-style-riquadro { padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20); }
	/* Da telefono ogni informazione va su due righe: etichetta sopra, valore sotto. */
	.nd-info-progetto table, .nd-info-progetto tbody, .nd-info-progetto tr,
	.nd-info-progetto th, .nd-info-progetto td { display: block; width: auto; }
	.nd-info-progetto th { padding: .75rem 0 .1rem; border-bottom: 0; }
	.nd-info-progetto td { padding: 0 0 .75rem; }
	.nd-scheda-progetto .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: 100%; }
}
.nd-rd-strumenti {}

/* --- Moduli --- */
.nd-modulo-contatti {}
.nd-modulo-lavora-con-noi {}

/* --- Pagine legali --- */
/* Gli indirizzi lunghi (link alle guide dei browser) vanno a capo invece di
   allargare la pagina da telefono. */
.nd-testo-legale :is(p, li, a) { overflow-wrap: anywhere; }