/* Redesign 2026 – compatibilità con il markup del vecchio tema Craft.
   Vale solo dentro .nw-legacy (corpo di pagine e news esistenti) e traduce le classi storiche
   (c-splash, c-editorial, c-cta, c-media, c-showreel, o-cols…) nello stile del redesign. */

.nw-legacy { --colonna: var(--layout-testo); }
.nw-legacy > :where(div, section, aside, header, nav, figure, p, h2, h3, h4, ul, table, iframe) {
  width: 100%; max-width: var(--layout-larghezza-max); margin-inline: auto; padding-inline: var(--layout-margine);
}
.nw-legacy .o-wrapper, .nw-legacy .__o-wrapper { max-width: none; padding-inline: 0; }
.nw-legacy [class*="__square"], .nw-legacy .c-splash__line, .nw-legacy .rellax:empty { display: none; }
.nw-legacy .u-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Titolo di pagina */
.nw-legacy .c-splash { padding-block: var(--space-2xl) var(--space-3xl); text-align: center; }
.nw-legacy .c-splash__title { font-family: var(--font-titoli); font-weight: var(--peso-regolare); font-size: var(--fs-h1); line-height: var(--lh-h1); max-width: 960px; margin-inline: auto; }
.nw-legacy .c-splash__content { max-width: var(--colonna); margin: var(--space-lg) auto 0; color: var(--testo-secondario); font-size: var(--fs-lead); line-height: var(--lh-lead); }
.nw-legacy .c-splash__content :is(h3, h4, h5) { font-family: var(--font-testo); font-size: var(--fs-lead); line-height: var(--lh-lead); font-weight: var(--peso-regolare); color: var(--testo-primario); }
.nw-legacy .c-splash__content strong { font-weight: inherit; }
.nw-legacy .c-splash__content > * + * { margin-top: var(--space-md); }

/* Blocchi editoriali */
.nw-legacy .c-editorial { margin-block: var(--space-2xl); }
.nw-legacy .c-editorial__text, .nw-legacy .c-editorial__content, .nw-legacy .o-grid__text-body {
  max-width: var(--colonna); margin-inline: auto; font-size: var(--fs-corpo-l); line-height: var(--lh-corpo-l);
}
.nw-legacy :is(.c-editorial__text, .c-editorial__content, .o-grid__text-body) > * + * { margin-top: var(--space-md); }
.nw-legacy :is(h2, h3, h4) { font-family: var(--font-titoli); font-weight: var(--peso-regolare); }
.nw-legacy :is(h2, h3, h4) strong { font-weight: inherit; }
.nw-legacy h2, .nw-legacy .h2 { font-size: var(--fs-h3); line-height: var(--lh-h3); }
.nw-legacy h3, .nw-legacy .h3 { font-size: var(--fs-h4); line-height: var(--lh-h4); }
.nw-legacy h4, .nw-legacy .h4 { font-size: var(--fs-h5); line-height: var(--lh-h5); }
.nw-legacy h5 { font-family: var(--font-testo); font-size: var(--fs-corpo-l); line-height: var(--lh-corpo-l); font-weight: var(--peso-semibold); }
.nw-legacy h6 { font-size: var(--fs-etichetta); line-height: var(--lh-etichetta); letter-spacing: var(--ls-etichetta); text-transform: uppercase; color: var(--testo-accento); font-weight: var(--peso-semibold); }
.nw-legacy :is(.c-editorial__text, .c-editorial__content) :is(h2, h3, h4) { margin-top: var(--space-2xl); }
.nw-legacy :is(.c-editorial__text, .c-editorial__content) > :first-child { margin-top: 0; }
.nw-legacy p a, .nw-legacy li a, .nw-legacy td a { color: var(--testo-accento); text-underline-offset: 3px; }
.nw-legacy ul, .nw-legacy ol { padding-left: 1.25em; }
.nw-legacy li + li { margin-top: var(--space-xs); }
.nw-legacy hr, .nw-legacy .light-hr { border: 0; border-top: 1px solid var(--bordo-neutro); margin-block: var(--space-2xl); }
.nw-legacy small { font-size: var(--fs-corpo-s); }

/* Immagini e media */
.nw-legacy img { max-width: 100%; height: auto; }
.nw-legacy figure { margin-block: var(--space-xl); }
.nw-legacy figure img { width: 100%; }
.nw-legacy figcaption { margin-top: var(--space-xs); font-size: var(--fs-didascalia); line-height: var(--lh-didascalia); color: var(--testo-secondario); }
.nw-legacy .c-editorial__maxi-figure { max-width: var(--layout-contenuto); margin-inline: auto; }
.nw-legacy iframe { display: block; width: 100%; max-width: var(--colonna); aspect-ratio: 16 / 9; height: auto; margin: var(--space-xl) auto; border: 0; }
.nw-legacy .c-editorial__video iframe, .nw-legacy .c-editorial__video video { max-width: none; }
.nw-legacy video { width: 100%; height: auto; }
.nw-legacy .c-editorial--split-img { display: grid; gap: var(--space-xl); align-items: center; max-width: var(--layout-contenuto); padding-inline: var(--layout-margine); box-sizing: content-box; }
.nw-legacy .c-editorial--split-img .c-editorial__img { width: 100%; border-radius: var(--radius-sm); }
.nw-legacy .c-editorial--split-img .c-editorial__content { max-width: none; margin: 0; }
@media (min-width: 1024px) { .nw-legacy .c-editorial--split-img { grid-template-columns: 1fr 1fr; gap: var(--space-3xl); } }

/* Colonne */
.nw-legacy .o-cols { display: flex; flex-wrap: wrap; gap: var(--space-xl); align-items: flex-start; }
.nw-legacy .o-col { flex: 1 1 200px; }
.nw-legacy .o-col--double { flex: 2 1 320px; }
.nw-legacy .o-col figure { margin: 0; }

/* Vecchi pulsanti */
.nw-legacy .c-cta, .nw-legacy .c-cta-secondary {
  display: inline-flex; align-items: center; gap: var(--space-xs); padding: 14px 28px; border: 1.5px solid var(--azione-primaria);
  border-radius: var(--radius-pillola); background: transparent; color: var(--testo-primario); font-size: var(--fs-pulsante-l);
  line-height: var(--lh-pulsante-l); font-weight: var(--peso-semibold); letter-spacing: var(--ls-pulsante-l); text-transform: uppercase; text-decoration: none;
}
.nw-legacy .c-cta:hover { background: var(--azione-primaria); color: var(--testo-inverso); }

/* Tabelle e citazioni */
.nw-legacy table { width: 100%; max-width: var(--colonna); border-collapse: collapse; font-size: var(--fs-corpo-m); line-height: var(--lh-corpo-m); }
.nw-legacy :is(td, th) { padding: var(--space-sm); border-bottom: 1px solid var(--bordo-neutro); text-align: left; vertical-align: top; }
.nw-legacy blockquote { padding-left: var(--space-lg); border-left: 3px solid var(--bordo-accento); font-family: var(--font-titoli); font-style: italic; font-size: var(--fs-h5); line-height: var(--lh-h5); }

/* Tag */
.nw-legacy :is(.c-tag, .job-tag) {
  display: inline-flex; padding: 4px 12px; border: 1px solid var(--bordo-medio); border-radius: var(--radius-pillola);
  font-size: var(--fs-didascalia); line-height: var(--lh-didascalia); font-weight: var(--peso-semibold); text-decoration: none; color: inherit;
}

/* Elenchi press e media (pagina Press) */
.nw-legacy .c-media-tabs__header { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-bottom: var(--space-xl); }
.nw-legacy .c-media-tabs__trigger { padding: 8px 16px; border: 1px solid var(--bordo-medio); border-radius: var(--radius-pillola); color: inherit; text-decoration: none; font-weight: var(--peso-semibold); font-size: var(--fs-pulsante-s); }
.nw-legacy .c-media-tabs__panel { margin-bottom: var(--space-3xl); }
.nw-legacy .c-media { display: flex; gap: var(--space-lg); align-items: flex-start; padding-block: var(--space-md); border-bottom: 1px solid var(--bordo-neutro); max-width: var(--layout-contenuto); margin-inline: auto; }
.nw-legacy .c-media__icon { flex: none; width: 48px; height: 48px; }
.nw-legacy .c-media__title { font-family: var(--font-titoli); font-size: var(--fs-card); line-height: var(--lh-card); font-weight: var(--peso-bold); }
.nw-legacy .c-media__date { display: block; color: var(--testo-secondario); font-size: var(--fs-corpo-s); }
.nw-legacy .c-media__list { padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); margin-top: var(--space-xs); }
.nw-legacy .c-media__link { color: var(--testo-accento); font-weight: var(--peso-semibold); }
.nw-legacy .icon { width: 1.25em; height: 1.25em; vertical-align: middle; }
.nw-legacy .icon--l { width: 48px; height: 48px; }

/* Loghi clienti (pagina Portfolio) */
.nw-legacy .c-showreel { max-width: var(--layout-contenuto); margin: var(--space-2xl) auto; }
.nw-legacy .c-showreel__title { margin-bottom: var(--space-md); }
.nw-legacy .c-showreel__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); padding: 0; list-style: none; }
.nw-legacy .c-showreel__item { display: grid; place-items: center; padding: var(--space-md); background: var(--sfondo-accento); border-radius: var(--radius-sm); }
.nw-legacy .c-showreel__img { max-height: 56px; width: auto; }
@media (min-width: 768px) { .nw-legacy .c-showreel__list { grid-template-columns: repeat(6, 1fr); } }

/* Board of Advisors (pagina Team) */
.nw-legacy .c-advisor { max-width: var(--layout-contenuto); margin: var(--space-xl) auto var(--space-3xl); }
.nw-legacy .c-advisor__list { display: grid; gap: var(--space-xl); padding: 0; list-style: none; }
.nw-legacy .c-advisor__list > li + li { margin-top: 0; }
.nw-legacy .c-advisor__content { display: flex; gap: var(--space-lg); align-items: center; }
.nw-legacy .c-advisor__thumb { flex: none; width: 96px; margin: 0; }
.nw-legacy .c-advisor__img { width: 96px; height: 96px; object-fit: cover; border-radius: 50%; }
.nw-legacy .c-advisor__title { margin: 0; font-size: var(--fs-card); line-height: var(--lh-card); font-weight: var(--peso-bold); }
.nw-legacy .c-advisor__role, .nw-legacy .c-advisor__description { color: var(--testo-secondario); font-size: var(--fs-corpo-s); }
.nw-legacy .c-advisor__description p { margin: 0; letter-spacing: var(--ls-etichetta); }
.nw-legacy .c-advisor__socials { display: flex; padding: 0; list-style: none; margin-top: var(--space-xs); }
.nw-legacy .c-advisor__icon { width: 24px; height: 24px; }
@media (min-width: 768px) { .nw-legacy .c-advisor__list { grid-template-columns: 1fr 1fr; } }

/* Elenco posizioni (pagina Job opportunities) */
.nw-legacy .careers-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-md); padding-block: var(--space-xl); }
.nw-legacy .careers-buttons a { display: inline-flex; padding: 14px 28px; border: 1.5px solid var(--azione-primaria); border-radius: var(--radius-pillola); color: var(--testo-primario); font-weight: var(--peso-semibold); text-transform: uppercase; text-decoration: none; letter-spacing: var(--ls-pulsante-l); }
.nw-legacy .careers-buttons a:hover { background: var(--azione-primaria); color: var(--testo-inverso); }
