/*
Theme Name:     Finwave Child Theme
Template:       finwave
Theme URI:      http://radiustheme.com/demo/wordpress/themes/finwave
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Finwave is an Responsive Finance and Business WordPress Theme.
Version:        1.0.0
Tested up to: 	6.6
Requires PHP: 	7.4
Text Domain:    finwave
Tags: 			theme-options, featured-images, post-formats, one-column, two-columns, right-sidebar, custom-background, custom-header, editor-style, sticky-post, threaded-comments, translation-ready
License:   	  	Envato split License
License URI:  	https://themeforest.net/licenses/terms/regular
*/

/* ===========================================================================
   Capabilities (pagina 4387) — schede rt-info-box, layout-4.
   La foto va a filo del bordo della scheda; il testo mantiene i margini
   che aveva prima.

   Com'era: .info-box ha padding 35px, che rientrava sia la foto sia il testo.
   Ora: il padding passa dalla scheda al solo blocco di testo, così la foto
   occupa tutta la larghezza e tocca il bordo superiore. Il raggio della foto
   passa da 12px uniformi a 25px sui soli angoli alti, per seguire quello
   della scheda (25px) senza staccarsi dal testo sotto.

   Volutamente limitato a questa pagina: il layout-4 è usato anche su
   About Us (43) e People (9641), che restano come sono. Per estenderlo a
   tutto il sito basta togliere il prefisso body.page-id-4387.
   =========================================================================== */

body.page-id-4387 .rt-info-layout-4 .info-box {
	padding: 0;
}

/* Il titolo sta al centro della fascia bianca, non appoggiato alla foto.
   Prima: padding 0 sopra e 35px sotto (+15px di margine dell'h3) = titolo
   spinto in alto con ~50px di vuoto sotto; nelle righe con un titolo su due
   righe le altre schede si allungavano lasciando fino a ~107px di bianco.
   Ora il blocco di testo occupa lo spazio che avanza (flex:1) e centra il
   titolo, con margini sopra/sotto uguali e ridotti. */
body.page-id-4387 .rt-info-layout-4 .info-content-holder {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 28px 26px;
	text-align: center;   /* titolo centrato sotto l'icona */
}

/* Senza testo descrittivo il margine sotto al titolo è solo vuoto. */
body.page-id-4387 .rt-info-layout-4 .info-title {
	margin-bottom: 0;
}

/* Perché il titolo sembrava comunque basso: il blocco della foto ha
   margin-bottom:24px, quindi la fascia bianca visibile comincia SUBITO sotto
   la foto ma il blocco di testo comincia 24px più giù. Il titolo era centrato
   nel blocco di testo, non nella fascia → 24px di sbilanciamento (misurati:
   62px sopra contro 39px sotto). Azzerando quel margine i due blocchi
   coincidono e il centraggio diventa quello vero; lo stacco dalla foto resta,
   dato dal padding di .info-content-holder. */
body.page-id-4387 .rt-info-layout-4 .info-icon-holder {
	margin-bottom: 0;
}

/* Il raggio della foto è impostato da Elementor per singolo widget
   (.elementor-4387 .elementor-element.elementor-element-XXXXXXX .rt-info-image,
   4 classi). Serve un selettore più specifico: aggiungendo .elementor-element
   si arriva a 4 classi + 1 elemento, che vince il confronto senza ricorrere a
   !important — così resta sovrascrivibile dall'editor in futuro. */
body.page-id-4387 .elementor-element .rt-info-layout-4 .rt-info-image {
	border-radius: 25px 25px 0 0;
}

/* La foto passa da 368px a 438px di larghezza: senza cover si stirerebbe,
   perché l'altezza resta imposta a 300px. */
body.page-id-4387 .rt-info-layout-4 .rt-info-image img {
	width: 100%;
	object-fit: cover;
}

/* --- Schede tutte della stessa altezza ------------------------------------
   La griglia nasce con align-items:center, quindi ogni scheda si centrava
   nella propria cella e quella col titolo su due righe risultava più alta
   delle altre (497px contro 464px).

   stretch = la scheda riempie la cella invece di stare centrata, quindi le
   schede della STESSA riga vengono uguali.

   Il 4/8/2026 è stato tolto il testo sotto ai titoli (restano solo i titoli):
   con grid-auto-rows:1fr — che dava a TUTTE le righe l'altezza della più
   alta — ogni scheda si portava dietro ~90px di bianco vuoto in fondo.
   Ora le righe si dimensionano una per una (auto): dentro la riga restano
   allineate, e non c'è più il vuoto.                                       */

body.page-id-4387 .elementor-element-836afb0 > .e-con-inner {
	align-items: stretch;
	grid-auto-rows: auto;
}

/* L'altezza va propagata lungo tutta la catena, altrimenti si ferma al
   widget e la card resta della sua altezza naturale. */
body.page-id-4387 .elementor-element-836afb0 .elementor-widget-rt-info-box,
body.page-id-4387 .elementor-element-836afb0 .elementor-widget-container,
body.page-id-4387 .elementor-element-836afb0 .rt-info-box,
body.page-id-4387 .elementor-element-836afb0 .info-box {
	height: 100%;
}

/* La scheda diventa una colonna flex: così la fascia bianca può prendersi
   l'altezza che avanza sotto la foto e centrarci dentro il titolo. */
body.page-id-4387 .elementor-element-836afb0 .info-box {
	display: flex;
	flex-direction: column;
}

/* ===========================================================================
   Expertise (4387) — schede con ICONA al posto della fotografia.
   Direzione «Linea»: tratto sottile blu con un accento ambra.

   Le icone stanno in assets/icons/expertise/{slug}.svg e si agganciano alla
   scheda giusta leggendo il link del titolo (`:has()`), che contiene lo slug
   del servizio: nessuna modifica ai widget Elementor, e se un domani si
   aggiunge un servizio basta aggiungere il file e una riga qui sotto.
   =========================================================================== */

/* la fotografia non si stampa più: al suo posto il riquadro dell'icona */
body.page-id-4387 .rt-info-layout-4 .rt-info-image img,
body.page-id-4387 .rt-info-layout-4 .info-icon.show-image {
	display: none;
}

/* Il riquadro dell'icona è alto poco più dell'icona stessa: con 168px per
   un disegno di 92px restavano ~38px di vuoto sotto, che sommati al margine
   del testo staccavano troppo il titolo. L'icona è appoggiata in basso, così
   lo stacco dal titolo è quello del solo padding del testo. */
body.page-id-4387 .rt-info-layout-4 .rt-info-image {
	height: 122px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 88px 88px;
	border-radius: 25px 25px 0 0;
	transition: background-size .25s ease;
}

/* --- una riga per servizio: link -> icona (con e senza barra finale) --- */
body.page-id-4387 .rt-info-layout-4:has(a[href$="/advertising-commercial-communication"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/advertising-commercial-communication/"]) .rt-info-image{background-image:url(assets/icons/expertise/advertising-commercial-communication.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/antitrust"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/antitrust/"]) .rt-info-image{background-image:url(assets/icons/expertise/antitrust.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/artificial-intelligence"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/artificial-intelligence/"]) .rt-info-image{background-image:url(assets/icons/expertise/artificial-intelligence.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/copyright-related-rights-cultural-heritage"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/copyright-related-rights-cultural-heritage/"]) .rt-info-image{background-image:url(assets/icons/expertise/copyright-related-rights-cultural-heritage.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/corporate-liability-product-safety-manufacture-liability"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/corporate-liability-product-safety-manufacture-liability/"]) .rt-info-image{background-image:url(assets/icons/expertise/corporate-liability-product-safety-manufacture-liability.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/cyber-data-breaches"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/cyber-data-breaches/"]) .rt-info-image{background-image:url(assets/icons/expertise/cyber-data-breaches.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/designs-utility-models"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/designs-utility-models/"]) .rt-info-image{background-image:url(assets/icons/expertise/designs-utility-models.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/e-commerce"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/e-commerce/"]) .rt-info-image{background-image:url(assets/icons/expertise/e-commerce.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/intellectual-property-commercial-contracts"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/intellectual-property-commercial-contracts/"]) .rt-info-image{background-image:url(assets/icons/expertise/intellectual-property-commercial-contracts.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/ipit-litigation-adr"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/ipit-litigation-adr/"]) .rt-info-image{background-image:url(assets/icons/expertise/ipit-litigation-adr.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/it-digital-services"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/it-digital-services/"]) .rt-info-image{background-image:url(assets/icons/expertise/it-digital-services.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/know-how-trade-secrets"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/know-how-trade-secrets/"]) .rt-info-image{background-image:url(assets/icons/expertise/know-how-trade-secrets.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/ma-ip-due-diligence"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/ma-ip-due-diligence/"]) .rt-info-image{background-image:url(assets/icons/expertise/ma-ip-due-diligence.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/patents"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/patents/"]) .rt-info-image{background-image:url(assets/icons/expertise/patents.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/plant-varieties"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/plant-varieties/"]) .rt-info-image{background-image:url(assets/icons/expertise/plant-varieties.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/privacy-data-protection"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/privacy-data-protection/"]) .rt-info-image{background-image:url(assets/icons/expertise/privacy-data-protection.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/trade-marks"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/trade-marks/"]) .rt-info-image{background-image:url(assets/icons/expertise/trade-marks.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/unfair-competition"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/unfair-competition/"]) .rt-info-image{background-image:url(assets/icons/expertise/unfair-competition.svg)}
/* pagine italiane: dal 03/11/2026 gli slug sono italiani e si agganciano col
   prefisso /competenze/ (intelligenza-artificiale c'è anche fra i settori);
   il file dell'icona resta quello col nome inglese */
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/brevetti"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/brevetti/"]) .rt-info-image{background-image:url(assets/icons/expertise/patents.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/concorrenza-sleale"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/concorrenza-sleale/"]) .rt-info-image{background-image:url(assets/icons/expertise/unfair-competition.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/contenzioso-ipit-adr"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/contenzioso-ipit-adr/"]) .rt-info-image{background-image:url(assets/icons/expertise/ipit-litigation-adr.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/contratti-proprieta-intellettuale-commerciali"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/contratti-proprieta-intellettuale-commerciali/"]) .rt-info-image{background-image:url(assets/icons/expertise/intellectual-property-commercial-contracts.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/cybersecurity-data-breach"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/cybersecurity-data-breach/"]) .rt-info-image{background-image:url(assets/icons/expertise/cyber-data-breaches.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/diritto-autore-diritti-connessi-beni-culturali"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/diritto-autore-diritti-connessi-beni-culturali/"]) .rt-info-image{background-image:url(assets/icons/expertise/copyright-related-rights-cultural-heritage.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/disegni-modelli"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/disegni-modelli/"]) .rt-info-image{background-image:url(assets/icons/expertise/designs-utility-models.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/intelligenza-artificiale"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/intelligenza-artificiale/"]) .rt-info-image{background-image:url(assets/icons/expertise/artificial-intelligence.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/it-servizi-digitali"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/it-servizi-digitali/"]) .rt-info-image{background-image:url(assets/icons/expertise/it-digital-services.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/know-how-segreti-commerciali"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/know-how-segreti-commerciali/"]) .rt-info-image{background-image:url(assets/icons/expertise/know-how-trade-secrets.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/ma-due-diligence-ip"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/ma-due-diligence-ip/"]) .rt-info-image{background-image:url(assets/icons/expertise/ma-ip-due-diligence.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/marchi"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/marchi/"]) .rt-info-image{background-image:url(assets/icons/expertise/trade-marks.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/privacy-protezione-dati-personali"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/privacy-protezione-dati-personali/"]) .rt-info-image{background-image:url(assets/icons/expertise/privacy-data-protection.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/pubblicita-comunicazione-commerciale"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/pubblicita-comunicazione-commerciale/"]) .rt-info-image{background-image:url(assets/icons/expertise/advertising-commercial-communication.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/responsabilita-enti-sicurezza-prodotti-responsabilita-produttore"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/responsabilita-enti-sicurezza-prodotti-responsabilita-produttore/"]) .rt-info-image{background-image:url(assets/icons/expertise/corporate-liability-product-safety-manufacture-liability.svg)}
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/varieta-vegetali"]) .rt-info-image,
body.page-id-4387 .rt-info-layout-4:has(a[href$="/competenze/varieta-vegetali/"]) .rt-info-image{background-image:url(assets/icons/expertise/plant-varieties.svg)}

/* --- tutta la scheda è cliccabile ---
   Il link del titolo si allarga a coprire la scheda: un solo collegamento,
   quindi resta accessibile da tastiera e i lettori di schermo continuano a
   leggere il nome del servizio (non serve JavaScript). */
body.page-id-4387 .rt-info-layout-4 .info-box {
	position: relative;
	transition: transform .25s ease, box-shadow .25s ease;
}
body.page-id-4387 .rt-info-layout-4 .info-title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	border-radius: 25px;
}

/* --- effetto al passaggio del mouse: leggero --- */
body.page-id-4387 .rt-info-layout-4 .info-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 34px rgba(6, 46, 146, .13);
}
body.page-id-4387 .rt-info-layout-4 .info-box:hover .rt-info-image {
	background-size: 100px 100px;
}
body.page-id-4387 .rt-info-layout-4 .info-title a {
	transition: color .25s ease;
}
body.page-id-4387 .rt-info-layout-4 .info-box:hover .info-title a {
	color: var(--rt-tertiary-color, #FFB700);
}

/* chi ha disattivato le animazioni non vede lo scatto */
@media (prefers-reduced-motion: reduce) {
	body.page-id-4387 .rt-info-layout-4 .info-box,
	body.page-id-4387 .rt-info-layout-4 .rt-info-image {
		transition: none;
	}
	body.page-id-4387 .rt-info-layout-4 .info-box:hover {
		transform: none;
	}
}

/* ============================================================
   "Read more" nella fisarmonica dei settori (pagina Expertise).
   Il testo completo del settore sta sulla sua pagina /industries/…:
   qui resta l'anteprima e questo link ci porta.
   ============================================================ */
.lgv-read-more-wrap {
	margin: 16px 0 4px;
}
/* Niente sottolineatura: ogni scheda della fisarmonica si chiude con la
   propria riga di separazione, che cadeva a 10px dal bordo del link — due
   righe parallele ravvicinate, che sembravano un errore. Il link si distingue
   da solo con l'arancione del sito (su fondo blu) e la freccia. */
.lgv-read-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: var(--rt-tertiary-color, #FFB700);
	text-decoration: none;
	transition: color .2s ease;
}
.lgv-read-more::after {
	content: "→";
	transition: transform .2s ease;
}
.lgv-read-more:hover {
	color: #FFFFFF;
}
.lgv-read-more:hover::after {
	transform: translateX(4px);
}

/* Titoletti dentro la scheda settore (es. "Esperienze significative"):
   stesso carattere del titolo, più piccoli, con lo stacco dal blocco
   precedente dato qui invece che da paragrafi vuoti nel testo. */
.industry-single .lgv-section-title,
.industry-single h3 {
	margin: 38px 0 14px;
	color: #062E92;   /* stesso blu del titolo del settore */
}
.industry-single .lgv-section-title:first-child,
.industry-single h3:first-child {
	margin-top: 0;
}

/* Titolo del settore in apertura del testo: nel blu del marchio, come le
   altre intestazioni delle pagine interne. */
.industry-single .industry-entry-title {
	color: #062E92;
	margin: 0 0 22px;
}

/* ===========================================================================
   Pagina Contatti (39) — impaginazione C: tipografica, mappa a filo pagina.

   A sinistra niente riquadro e niente cerchietti: i recapiti sono scritti nel
   carattere dei titoli, come su una carta intestata, separati da righe sottili.
   A destra il modulo su scheda bianca. La mappa chiude a tutta pagina.

   Le etichette (Address/Phone/Email) sono messe dal foglio di stile perché il
   widget del tema le stamperebbe seguite dai due punti. Se un domani servisse
   cambiarle o tradurle, si toccano qui sotto.
   =========================================================================== */

/* ⚠️ Sfondo, raggio e spaziature delle DUE COLONNE stanno nel pannello
   (26/8/2026). Erano qui, e siccome vincevano sul pannello chi provava a
   cambiare il raggio del riquadro bianco o i margini dalla scheda Elementor
   non vedeva succedere niente: il pannello diceva raggio 12 e padding 55/60,
   a video ne uscivano 25 e 30/32, cioè questi. Ora si regolano da
   Elementor → il contenitore → Stile / Avanzate. */

/* Campi più bassi e testo più contenuto: prima il modulo pesava troppo
   rispetto alla colonna di sinistra, tutta tipografica. */
body.page-id-39 .fluentform .ff-el-form-control {
	font-size: 15px;
}
body.page-id-39 .fluentform textarea.ff-el-form-control {
	min-height: 96px;
}

/* Nome ed Email sulla stessa riga: erano due campi impilati, e da soli
   valevano 192px di altezza contro i 110 che occupano affiancati. Serve a
   pareggiare il modulo con la colonna dei recapiti, che è più corta. */
body.page-id-39 .fluentform fieldset {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 16px;
}
body.page-id-39 .fluentform fieldset > * {
	grid-column: 1 / -1;   /* tutto a piena larghezza… */
}
body.page-id-39 .fluentform fieldset > .ff-name-field-wrapper {
	grid-column: 1 / 2;    /* …tranne Nome… */
}
body.page-id-39 .fluentform fieldset > .ff-name-field-wrapper + .ff-el-group {
	grid-column: 2 / 3;    /* …ed Email, che gli sta accanto */
}
/* Su telefono uno per riga (13/11/2026, richiesta dello studio): affiancati
   restavano larghi 150px l'uno, stretti per un indirizzo email. Lo spazio
   fra i campi resta 14px come fra gli altri. */
@media (max-width: 767px) {
	body.page-id-39 .fluentform fieldset > .ff-name-field-wrapper,
	body.page-id-39 .fluentform fieldset > .ff-name-field-wrapper + .ff-el-group {
		grid-column: 1 / -1;
	}
}

/* Nome ed Email affiancati: due campi in meno in altezza, e il modulo smette
   di essere una colonna lunghissima accanto a poche righe di testo. */
body.page-id-39 .fluentform .ff-t-cell,
body.page-id-39 .fluentform .ff-el-group {
	margin-bottom: 14px;
}
body.page-id-39 .fluentform .ff-el-input--content input[type="text"],
body.page-id-39 .fluentform .ff-el-input--content input[type="email"] {
	padding: 10px 13px;
}
body.page-id-39 .fluentform .ff-el-input--label {
	margin-bottom: 4px;
}

/* ⚠️ Qui c'erano tre regole sui titoli di sezione delle due colonne: erano
   MORTE, `.rt-section-title` su questa pagina non esiste più (verificato dal
   browser il 26/8/2026, zero elementi agganciati). Tolte. */

/* --- recapiti tipografici --- */
body.page-id-39 .rt-contact-info .contact-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
body.page-id-39 .rt-contact-info .contact-list .list {
	display: block;
	margin: 0;
	padding: 32px 0;
	border: 0;
	border-top: 1px solid rgba(6, 46, 146, .13);
	font-family: "Libre Bodoni", serif;
	font-size: 25px;
	line-height: 1.35;
	color: #1F2A44;
}
body.page-id-39 .rt-contact-info .contact-list .list:first-child {
	border-top: 0;
	padding-top: 0;
}
body.page-id-39 .rt-contact-info .contact-list .list:last-child {
	padding-bottom: 0;
}
/* l'etichetta sopra al dato */
body.page-id-39 .rt-contact-info .contact-list .list::before {
	display: block;
	margin-bottom: 8px;
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 17px 17px;
	line-height: 18px;
	font-family: "Archivo", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #9AA1B1;
}
body.page-id-39 .rt-contact-info .contact-list .list:nth-child(1)::before { content: "Address"; background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23062E92%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2021s7-6.2%207-11a7%207%200%201%200-14%200c0%204.8%207%2011%207%2011z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%222.6%22/%3E%3C/svg%3E"); }
body.page-id-39 .rt-contact-info .contact-list .list:nth-child(2)::before { content: "Phone"; background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23062E92%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%204h4l2%205-2.5%201.5a12%2012%200%200%200%205%205L15%2013l5%202v4a1%201%200%200%201-1%201A16%2016%200%200%201%204%205a1%201%200%200%201%201-1z%22/%3E%3C/svg%3E"); }
body.page-id-39 .rt-contact-info .contact-list .list:nth-child(3)::before { content: "Email"; background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23062E92%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%225%22%20width=%2218%22%20height=%2214%22%20rx=%222.5%22/%3E%3Cpath%20d=%22m3%207%209%206%209-6%22/%3E%3C/svg%3E"); }

/* le icone del tema non servono più: il segno è la tipografia */
body.page-id-39 .rt-contact-info .contact-list .list i {
	display: none;
}
/* telefono ed email: sottolineatura ambra, come i richiami del sito */
body.page-id-39 .rt-contact-info .contact-list .list a {
	color: inherit;
	text-decoration: none;
	border-bottom: 2px solid var(--rt-tertiary-color, #FFB700);
	transition: color .2s ease;
}
body.page-id-39 .rt-contact-info .contact-list .list a:hover {
	color: var(--rt-primary-color, #062E92);
}

/* ⚠️ Stacco e filo sopra l'icona LinkedIn: nel pannello del widget,
   scheda Avanzate (margine, spaziatura interna, bordo). */

/* --- modulo --- */
body.page-id-39 .fluentform .ff-el-input--content input[type="text"],
body.page-id-39 .fluentform .ff-el-input--content input[type="email"],
body.page-id-39 .fluentform .ff-el-input--content textarea {
	border: 1px solid #E2E1DC;
	border-radius: 10px;
	background: #FDFCFA;
	padding: 12px 14px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
body.page-id-39 .fluentform .ff-el-input--content input:focus,
body.page-id-39 .fluentform .ff-el-input--content textarea:focus {
	border-color: var(--rt-primary-color, #062E92);
	box-shadow: 0 0 0 3px rgba(6, 46, 146, .08);
	outline: none;
}
body.page-id-39 .fluentform .ff-el-input--label label {
	font-size: 13px;
	font-weight: 500;
	color: #6B7385;
}
body.page-id-39 .fluentform .ff-btn-submit {
	border-radius: 999px;
	padding: 13px 30px;
	font-weight: 600;
}

/* --- la mappa esce dai margini e occupa tutta la larghezza dello schermo --- */
body.page-id-39 .lgv-mappa-filo {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}
body.page-id-39 .lgv-mappa-filo .elementor-widget-google_maps,
body.page-id-39 .lgv-mappa-filo iframe {
	border-radius: 0;
	display: block;
}

/* ⚠️ La spaziatura ridotta della colonna sinistra sui formati stretti è nel
   pannello, come `padding` del punto di rottura «mobile extra». Attenzione:
   quel punto è a **880px**, mentre questa regola stava a 900 — fra 881 e 900
   la colonna ora tiene la spaziatura piena. */

/* ============================================================
   Barra filtri degli articoli.
   Voci di testo su una riga, separate da spazio: nessun riquadro colorato,
   nessun menu a tendina. Quella attiva si riconosce dal colore blu pieno e
   dalla sottolineatura ambra — lo stesso segno usato altrove nel sito.
   ============================================================ */
.lgv-filtri {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 34px;
	margin: 0 0 46px;
	padding: 0 0 22px;
	border-bottom: 1px solid rgba(6, 46, 146, .12);
}
.lgv-filtri .lgv-filtro {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	padding: 4px 0 8px;
	font-family: "Libre Bodoni", serif;
	font-size: 19px;
	line-height: 1.2;
	color: #7A8194;
	text-decoration: none;
	transition: color .2s ease;
}
.lgv-filtri .lgv-filtro::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--rt-tertiary-color, #FFB700);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .25s ease;
}
.lgv-filtri .lgv-filtro:hover {
	color: #062E92;
}
.lgv-filtri .lgv-filtro:hover::after {
	transform: scaleX(.5);
}
.lgv-filtri .lgv-filtro.is-attivo {
	color: #062E92;
}
.lgv-filtri .lgv-filtro.is-attivo::after {
	transform: scaleX(1);
}
/* il conteggio resta un dettaglio, non compete col nome */
.lgv-filtri .lgv-filtro-n {
	font-family: "Archivo", sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #9AA1B1;
}
.lgv-filtri .lgv-filtro.is-attivo .lgv-filtro-n {
	color: var(--rt-tertiary-color, #FFB700);
}

@media (max-width: 640px) {
	.lgv-filtri {
		gap: 8px 20px;
		margin-bottom: 32px;
	}
	.lgv-filtri .lgv-filtro { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.lgv-filtri .lgv-filtro::after { transition: none; }
}

/* Mentre l'elenco viene sostituito: un velo appena accennato, per far capire
   che sta succedendo qualcosa senza far "sbattere" la pagina. */
.rt-el-post-wrapper.lgv-in-caricamento {
	opacity: .35;
	transition: opacity .18s ease;
	pointer-events: none;
}

/* ============================================================
   Schede articolo della stessa altezza — sia nell'elenco News sia fra gli
   articoli correlati in fondo all'articolo singolo.
   La colonna della griglia si allunga già per pareggiare la riga, ma il
   riquadro bianco dentro restava alto quanto il suo contenuto: con titoli
   di 2 o 3 righe i riquadri finivano sfalsati (misurati 197 contro 228 in
   entrambi i posti). Qui il riquadro riempie la colonna e la data resta
   appoggiata in basso, così i bordi inferiori si allineano.

   Colori, bordo, raggio e spaziature erano GIÀ identici nei due punti: la
   sola differenza era questa.

   Nota: nell'elenco News la scheda è essa stessa la colonna della griglia,
   fra i correlati sta invece dentro una colonna Bootstrap — per questo lì
   serve anche rendere flex la colonna, se no la scheda non si allunga.
   ============================================================ */
.rt-el-post-wrapper .finwave-post-card,
.rt-related-post .finwave-post-card,
body.category .rt-masonry-grid > .finwave-post-card,
body.archive .rt-masonry-grid > .finwave-post-card {
	display: flex;
}
.rt-related-post .row > [class*="col-"] {
	display: flex;
}
/* Quando le schede vanno a capo (sotto i 992px) si toccavano: il tema non dà
   spazio fra le righe. 24px come fra le colonne e fra le schede delle News. */
.rt-related-post .row {
	row-gap: 24px;
}
.rt-related-post .finwave-post-card {
	width: 100%;
}
.rt-el-post-wrapper .article-inner-wrapper,
.rt-related-post .article-inner-wrapper,
body.category .article-inner-wrapper,
body.archive .article-inner-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.rt-el-post-wrapper .entry-wrapper,
.rt-related-post .entry-wrapper,
body.category .entry-wrapper,
body.archive .entry-wrapper {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
/* La riga della data scende in fondo, qualunque sia la lunghezza del titolo,
   così anche le date stanno tutte alla stessa quota e non solo i bordi.

   ⚠️ La versione precedente (`.entry-meta:last-child { margin-top:auto }`) non
   agganciava niente: categoria, titolo e data stanno tutti dentro un unico
   <header>, che è l'unico figlio di .entry-wrapper — quindi `margin-top:auto`
   non aveva nessun contenitore flex su cui agire. Va reso flex l'header e
   spinto in fondo il blocco `.rt-post-meta`, che è il vero contenitore della
   data. */
.rt-el-post-wrapper .entry-wrapper > header,
.rt-related-post .entry-wrapper > header,
body.category .entry-wrapper > header,
body.archive .entry-wrapper > header {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.rt-el-post-wrapper .entry-wrapper .rt-post-meta,
.rt-related-post .entry-wrapper .rt-post-meta,
body.category .entry-wrapper .rt-post-meta,
body.archive .entry-wrapper .rt-post-meta {
	margin-top: auto;
}

/* Punti elenco della scheda settore: stesso marcatore della scheda
   professionista (pallino nell'ambra del sito) invece del punto nero. */
.industry-single .service-single-item ul {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
}
.industry-single .service-single-item ul li {
	position: relative;
	padding-left: 20px;
	margin: 0 0 10px;
	line-height: 1.6;
}
.industry-single .service-single-item ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .6em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--rt-tertiary-color, #FFB700);
}

/* Rimando all'elenco dei settori: sopra al titolo, leggero, con la freccia
   rivolta indietro. Non è l'azione della pagina, quindi non è un pulsante. */
.lgv-torna {
	margin: 0 0 14px;
}
.lgv-torna a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .02em;
	/* Testo blu e freccia ocra, come «Tutte le news e gli eventi» e gli altri
	   link accanto a un titolo (regola dei link approvata dall'utente il
	   10/11/2026, con anteprima). Fino ad allora era tutto ocra, scelta del
	   26/8/2026, ma ocra su bianco a 15px ha contrasto 1,8:1 e si leggeva poco.
	   I colori sono quelli globali del kit Elementor (Blu del marchio e ocra). */
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
	text-decoration: none;
	transition: color .2s ease;
}
.lgv-torna a::before {
	content: "←";
	color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
	transition: transform .2s ease;
}
.lgv-torna a:hover {
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
}
.lgv-torna a:hover::before {
	transform: translateX(-3px);
}

/* Link «Scopri di più» / «Read more» delle schede in Settori e Industries: sono
   pulsanti Elementor con la classe lgv-link-freccia (Avanzate > Classi CSS).
   Testo blu e freccia ocra, come gli altri link accanto a un titolo (regola
   approvata il 10/11/2026). Il pulsante di Elementor non ha un colore a parte per
   l'icona: testo, link, icona e colore del testo restano nei controlli del
   widget, qui c'è solo il colore della freccia, preso dal colore globale «accent»
   del kit. Aggiunto il 13/11/2026. */
.lgv-link-freccia .elementor-button-icon {
	color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
	transition: transform .2s ease;
}
.lgv-link-freccia .elementor-button:hover .elementor-button-icon {
	transform: translateX(3px);
}

/* La colonna del testo resta in vista mentre si scorre l'elenco dei settori,
   che con 28 voci è molto più lungo del contenuto (2064px contro 423px).

   Perché non bastava `position: sticky`: un elemento sticky scorre dentro il
   PROPRIO contenitore, e qui `main` era alto quanto il testo — zero spazio di
   scorrimento. La colonna (.col-xl-8) invece è alta quanto l'elenco: portando
   a tutta altezza anche i due contenitori intermedi, il testo ha finalmente
   dove scorrere. */
@media (min-width: 992px) {
	body.single-industry .col-xl-8 > main.site-main,
	body.single-industry main.site-main > .industry-single {
		height: 100%;
	}
	.industry-single .service-single-item {
		position: sticky;
		top: 132px;
	}
}

/* Estratti delle news collegate nella scheda professionista: erano gli ultimi
   paragrafi fuori riga (15px e #333). Riportati al testo del sito, che ora
   prende il colore dal tema (Personalizza → colore del testo). */
/* Lo shortcode stampa il proprio CSS in fondo alla pagina (`.acf-articolo-content p`,
   15px/#333): a parità di peso vincerebbe perché arriva dopo. Qui si aggiunge una
   classe in più al selettore, così questa regola pesa di più senza ricorrere a
   !important e resta sovrascrivibile. */
.elementor-widget .acf-articolo-content p,
.elementor-widget .acf-articoli-collegati p {
	font-size: 16px;
	color: var(--rt-body-color, #4E5567);
}

/* ============================================================
   LGV — elenchi "luxury" nella scheda professionista
   Shortcode [acf_list]: marcatore sobrio = quadratino nell'arancione del sito
   (var --rt-tertiary-color). Compare SOLO dove il campo è una lista (2+ righe); il
   testo discorsivo resta a paragrafo, senza marcatore.
   ============================================================ */
.lgv-list-section {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #B8CECB;
}
.lgv-list-title {
	margin: 0 0 22px;
	font-size: 23px;
	font-weight: 600;
	line-height: 1.3;
	color: #062E92;
}
.lgv-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lgv-list li {
	position: relative;
	padding-left: 20px;
	margin: 0 0 5px;
	line-height: 1.6;
}
.lgv-list li:last-child { margin-bottom: 0; }
.lgv-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .6em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--rt-tertiary-color, #FFB700);
}

/* ============================================================
   Accordion scheda professionista (.faq-style-1) — FIX icona che
   sparisce all'apertura. Il custom CSS del widget porta l'icona
   attiva a stroke:#fff (invisibile su bianco, perché il minus-circle
   è solo tratto). La riportiamo all'arancione del sito, senza fill,
   così resta un "−" cerchiato ben visibile. !important batte il
   custom CSS del widget (che non lo usa) a prescindere dall'ordine.
   ============================================================ */
.faq-style-1 .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened rect,
.faq-style-1 .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened path {
	stroke: var(--rt-tertiary-color, #FFB700) !important;
}
.faq-style-1 .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened rect {
	fill: none !important;
}

/* ============================================================
   Piè di pagina — le voci dei due elenchi (4/8/2026)
   Il tema applica text-transform:capitalize alle voci di menu:
   nel piè di pagina veniva fuori "Copyright And Related Rights",
   "Know-How And Trade Secrets", con le congiunzioni maiuscole.
   Qui le etichette si scrivono già come vanno lette, quindi
   il capitalize va solo tolto (l'intestazione blu resta com'è).
   NB nell'intestazione del sito il capitalize NON c'è: così le
   due navigazioni tornano coerenti ("About us" in entrambe).
   ============================================================ */
.site-footer .finwave-navigation .finwave-navbar > li > a {
	text-transform: none;
}

/* ============================================================
   Menu di navigazione: sette voci su una riga sola (5/8/2026)
   Con l'aggiunta di "Industries" le voci sono diventate sette e
   sui portatili sotto i ~1250px non ci stavano più in larghezza:
   "Contacts" andava a capo da sola, sotto al resto, e la seconda
   riga spuntava da sotto la barra blu (si vedeva soprattutto
   nella testata appiccicata, quella che resta mentre si scorre).
   Da 1280px in su lo spazio basta (la colonna del menu è stata
   portata all'82% nei tre template di testata) e le voci restano
   distanziate come prima. Solo nella fascia stretta 1025-1279px
   lo spazio per lato scende da 16 a 7px: su sette voci sono 126px
   recuperati, che bastano ad arrivare a fine riga. Sotto i 1025px
   non serve niente: lì il menu è già a scomparsa.
   ============================================================ */
@media (min-width: 1025px) and (max-width: 1279px) {
	.site-header .finwave-navigation ul li a,
	.elementor-location-header .finwave-navigation ul li a {
		padding-left: 7px;
		padding-right: 7px;
	}
}

/* ============================================================
   Testata su telefono (fino a 767px) — 5/8/2026
   Sotto i 768px resta in piedi una testata sola, quella del tema
   (la riga della testata di Elementor è nascosta dal suo template:
   sul telefono mostrava soltanto un secondo logo, sovrapposto).
   Qui le rifiniture che l'editor non espone:
   - il blu della barra, che prima arrivava dalla testata di
     Elementor ora nascosta;
   - il logo più basso (se no la barra fissa copre il titolo) ma
     nelle sue proporzioni;
   - via il pulsante giallo: sul telefono resta logo + hamburger;
   - il logo allineato a sinistra come il testo sotto.
   ============================================================ */
@media (max-width: 767px) {
	/* Il tema rende trasparente la testata con `.has-trheader .site-header`
	   (due classi): per vincere senza !important serve un selettore più
	   pesante, non basta `.site-header`. */
	body.has-trheader .site-header,
	body .site-header {
		background-color: #062E92;
	}
	/* Il logo va rimpicciolito AGENDO SU ENTRAMBE le misure: la regola
	   critica in functions.php gli impone 86×90px, e limitare la sola
	   altezza lo lasciava largo 86 — cioè schiacciato (il logo è quasi
	   quadrato, 389×409). Stesso peso di selettore, ma questo foglio
	   viene dopo, quindi vince senza !important. */
	.site-branding .site-title .rt-site-logo {
		width: auto;
		height: 64px;
	}
	.site-header .elementor-element-4055040 {
		align-items: flex-start;
	}
	/* Il pulsante "LGV Filing & Services" non compare sul telefono:
	   resta l'hamburger, che apre il menu con tutte le voci. Per
	   rimetterlo basta togliere questa regola. */
	.site-header .menu-icon-action .rt-action-button {
		display: none;
	}
}

/* ============================================================
   Riga del ruolo nella scheda professionista (5/8/2026)
   Il widget "Post Info" di Elementor mette gli elementi in linea
   con margini NEGATIVI di 8px sull'elenco (e +8px su ogni voce):
   con una voce sola quel -8px a destra sporge oltre la colonna e
   a 820px faceva scorrere di lato tutta la pagina di 8px.
   Qui i due margini si annullano: con un solo elemento in elenco
   la resa a video non cambia di un pixel.
   ============================================================ */
.elementor-widget-post-info .elementor-icon-list-items.elementor-inline-items {
	margin-right: 0;
	margin-left: 0;
}
.elementor-widget-post-info .elementor-inline-items .elementor-icon-list-item {
	margin-right: 0;
	margin-left: 0;
}

/* ============================================================
   Logo nel menu a scomparsa (5/8/2026, rivisto il 22/10/2026)
   Il tema nasconde del tutto il logo del pannello in modalità
   "tr-header-light" e in cima restava un vuoto: qui lo si mostra
   come sfondo del link. Dal 22/10/2026 il pannello è blu (vedi
   «MENU A SCOMPARSA» in fondo), quindi il logo è quello in
   negativo, lo stesso della barra in alto.
   ============================================================ */
.finwave-offcanvas-drawer .offcanvas-logo a[rel="home"] {
	display: inline-block;
	width: 92px;
	height: 96px;
	background: url("/wp-content/uploads/2026/06/LGV_Logo_negativo-286x300.png") left center / contain no-repeat;
}
.finwave-offcanvas-drawer .offcanvas-logo a[rel="home"] img {
	display: none;
}

/* ============================================================
   Schede-collegamento (home: What we do / Who we serve) — 5/8/2026
   Il contenitore della scheda è un <a> (html_tag=a in Elementor),
   quindi è cliccabile per intero. Qui solo la reazione al mouse,
   che l'editor non espone.

   Scelta dello studio: la scheda NON si muove. Compare una cornice
   sottile in ambra a 22px dal bordo — il filetto di un biglietto da
   visita inciso — e la freccia avanza. Niente sollevamento, niente
   cambio di colore: l'attenzione resta sul testo.
   ============================================================ */
.lgv-scheda {
	text-decoration: none;
	position: relative;
}

/* La cornice: uno pseudo-elemento libero su entrambi i contenitori
   (verificato: Elementor non usa né ::before né ::after su .e-con).
   pointer-events:none perché non deve mai rubare il clic alla scheda. */
.lgv-scheda::before {
	content: "";
	position: absolute;
	inset: 22px;
	/* Elementor usa .e-con::before per la velatura di sfondo e gli impone
	   width/height:100%: senza azzerarle, "right" e "bottom" vengono ignorati
	   e la cornice esce dalla scheda, sfalsata in basso a destra. */
	width: auto;
	height: auto;
	border: 1px solid var(--rt-tertiary-color, #FFB700);
	border-radius: 10px;
	opacity: 0;
	transform: scale(1.03);
	pointer-events: none;
	transition: opacity .45s ease, transform .45s cubic-bezier(.22, .61, .36, 1);
}
.lgv-scheda:hover::before {
	opacity: .85;
	transform: scale(1);
}

/* Sul telefono la scheda ha meno padding (26px): con la cornice a 22px
   resterebbe a 4px dal testo. Si stringe. */
@media (max-width: 767px) {
	.lgv-scheda::before {
		inset: 13px;
	}
}

/* La freccia della riga «Explore …» la mette il CSS, non il testo: così si
   può muovere da sola quando il mouse entra nella scheda. */
.lgv-scheda .lgv-scheda-link .elementor-heading-title::after {
	content: "\2192";
	display: inline-block;
	margin-left: 9px;
	transition: transform .35s cubic-bezier(.22, .61, .36, 1);
}
.lgv-scheda:hover .lgv-scheda-link .elementor-heading-title::after {
	transform: translateX(7px);
}


/* ============================================================
   Paginazione (News e blog) — 5/8/2026
   Il tema fa i numeri 50×50px con carattere 22: accanto alle
   schede degli articoli pesavano più delle schede stesse.
   Qui scendono a 38px e carattere 15, che è la misura del testo
   del sito. Il colore attivo (ambra) resta quello del tema.
   ============================================================ */
/* ⚠️ Il foglio del tema figlio viene caricato PRIMA di quello del tema
   (lo si vede nel sorgente), quindi a parità di peso vince il tema: serve
   un selettore più specifico, non basta ripetere `.pagination-list a`. */
.pagination-area .pagination-list li a {
	width: 38px;
	height: 38px;
	font-size: 15px;
	border-radius: 5px;
}
.pagination-area .pagination-list li i {
	font-size: 12px;
}
.pagination-area .pagination-list li {
	line-height: 1;
}

/* ============================================================
   «News and Events» nella scheda professionista — 5/8/2026
   Stesso aspetto delle schede della pagina News (misurato lì):
   riquadro bianco, angoli 15px, categoria Archivo 14/600 blu,
   titolo Libre Bodoni 22px, data 15px con icona ambra.
   Qui è cliccabile tutta la scheda, non il solo titolo.
   ============================================================ */
.lgv-news-collegate {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.lgv-news-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: var(--e-global-color-lgvbianco, #FFFFFF);
	border-radius: 15px;
	padding: 26px 24px 28px;
	text-decoration: none;
	transition: box-shadow .3s ease;
}
.lgv-news-card:hover {
	box-shadow: 0 14px 34px rgba(6, 46, 146, .12);
}
.lgv-news-cat {
	font-family: var(--e-global-typography-text-font-family, Archivo), sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: var(--e-global-color-primary, #062E92);
}
.lgv-news-title {
	font-family: var(--e-global-typography-primary-font-family, "Libre Bodoni"), serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--e-global-color-lgvtitoli, #08122E);
	margin: 0;
}
.lgv-news-data {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--e-global-typography-text-font-family, Archivo), sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: var(--e-global-color-primary, #062E92);
	margin-top: 4px;
}
.lgv-news-data i {
	color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
}
@media (max-width: 1024px) {
	.lgv-news-collegate { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
	.lgv-news-collegate { grid-template-columns: 1fr; }
}

/* ===========================================================================
   About Us — i cinque numeri, registro «studio legale».

   Com'erano: cifre in Archivo (lo stesso carattere del testo corrente) a 80px
   e didascalie in grassetto ambra a 20px — un insieme da brochure aziendale.

   Ora: le cifre passano al carattere dei titoli (Libre Bodoni), che è quello
   che dà al sito il tono editoriale; le didascalie scendono di corpo e di
   peso, e l'etichetta in alto diventa un maiuscoletto spaziato. Fra una voce
   e l'altra corre un filo sottile, come nelle tabelle dei bilanci.
   =========================================================================== */

/* ⚠️ TIPOGRAFIA E COLORI STANNO NEL PANNELLO (26/8/2026).
   La cifra e la didascalia si regolano da Elementor → widget contatore →
   Counter Style / Title Style; il maiuscoletto sopra dal widget di testo.
   Prima erano qui con l'`!important`, e il pannello non comandava niente.
   ⚠️ Non rimettere regole di carattere/colore in questo blocco: qui resta solo
   ciò che Elementor non sa fare. E niente `!important`, servirebbe solo a
   ribattere il pannello. */

/* Il segno «%» o «+»: più piccolo della cifra e alzato. Non ha un comando suo
   — la tipografia del pannello vale per tutto `.counter-number`, di cui il
   segno è figlio e da cui eredita carattere, peso e interlinea.
   Si alza con `top` e non con `vertical-align: super`: quello allungava la
   riga verso l'alto e le cifre col segno scendevano di 15px rispetto a quelle
   senza (segnalato dallo studio il 22/10/2026). Il corpo è in em (40px su 68)
   così segue la cifra quando sul telefono rimpicciolisce; l'interlinea a 1
   evita che il segno allunghi la riga verso il basso. */
body.page-id-43 .elementor-element-029c3ba .rt-counter-box .counter-unit {
	font-size: .59em;
	line-height: 1;
	position: relative;
	top: -.57em;
	margin-left: 2px;
}

/* La didascalia: larghezza della colonna di testo e stacco dalla cifra. */
body.page-id-43 .elementor-element-029c3ba .rt-counter-box .counter-label {
	margin-top: 14px;
	max-width: 20ch;
	margin-left: auto;
	margin-right: auto;
}

/* filo verticale fra una voce e l'altra */
@media (min-width: 1025px) {
	body.page-id-43 .elementor-element-029c3ba > .e-con-inner > .e-con,
	body.page-id-43 .elementor-element-029c3ba > .e-con {
		position: relative;
	}
	body.page-id-43 .elementor-element-029c3ba > .e-con-inner > .e-con:not(:last-child)::after,
	body.page-id-43 .elementor-element-029c3ba > .e-con:not(:last-child)::after {
		content: "";
		position: absolute;
		right: -12px;
		top: 12%;
		bottom: 12%;
		width: 1px;
		background: rgba(255, 255, 255, .18);
	}
}

/* ---------------------------------------------------------------------------
   …e il loro allineamento.

   Ogni colonna centrava il proprio contenuto in verticale (justify-content:
   center): siccome le didascalie vanno da una a tre righe, ogni colonna era
   alta in modo diverso e le cifre finivano a cinque quote diverse.

   Qui il contenuto si appoggia in alto: il testino apre la colonna sempre
   alla stessa altezza, la cifra ha corpo e interlinea fissi, e di conseguenza
   anche le didascalie partono tutte dalla stessa riga.
   --------------------------------------------------------------------------- */

/* ⚠️ L'allineamento in alto delle cinque colonne è nel pannello di ciascun
   contenitore (Layout → Justify Content → Start). Era qui con l'`!important`
   e il pannello non poteva niente. */

/* il testino occupa una riga anche quando è corto: è lui a dare il via.
   ⚠️ L'interlinea NON sta più qui: è nel pannello del widget di testo. */
body.page-id-43 .elementor-element-029c3ba .elementor-widget-text-editor p {
	min-height: 16px;
	margin-top: 0;
	margin-bottom: 10px;
}

/* la cifra: riquadro di altezza fissa, così le didascalie partono a pari.
   In flex lo spazio fra cifra e segno nel markup del tema non si stampa e il
   segno non va mai a capo: sul telefono «100 %» non stava nella colonna e il
   «%» scendeva sotto. */
body.page-id-43 .elementor-element-029c3ba .rt-counter-box .counter-number {
	min-height: 1.06em;
	display: flex;
	justify-content: center;
	align-items: baseline;
}


/* ===========================================================================
   Schede delle aree di attività — le stesse icone anche nell'elenco a sinistra.

   Sono gli stessi 18 disegni delle schede su /expertise/, agganciati allo
   stesso modo: dall'indirizzo della voce, non da una classe scritta a mano.
   Aggiungendo un'area basta mettere il suo SVG in assets/icons/expertise/ col
   nome dello slug e aggiungere la riga qui sotto.

   L'icona sta su `li::before` e non su `a::before` perché quel pseudo-elemento
   il tema lo usa già (è il quadratino della voce corrente) e su `a::after`,
   che è la freccia: sono gli unici due liberi.

   ⚠️ Qui si usano i file di assets/icons/expertise/MENU/, non quelli delle
   schede: sono gli stessi disegni col tratto portato da 1,8 a 4. I disegni
   stanno su una griglia da 96px, quindi a 26px un tratto di 1,8 varrebbe
   mezzo pixel e l'icona sparirebbe — con 4 vale circa un pixel e si legge
   come il testo accanto. La cartella si rigenera dai file grandi cambiando
   solo lo stroke-width.
   =========================================================================== */

body.single-rt-service .rt-service-sidebar .menu > li{
	position: relative;
}
body.single-rt-service .rt-service-sidebar .menu > li > a{
	padding-left: 62px;
	padding-right: 56px;   /* la freccia è assoluta a destra: senza, il testo lungo ci finisce sotto */
}
body.single-rt-service .rt-service-sidebar .menu > li::before{
	content: "";
	position: absolute;
	left: 24px;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 26px;
	background: center / contain no-repeat;
	opacity: 1;
	transition: opacity .2s ease, transform .2s ease;
	pointer-events: none;
	/* il link è `position: relative` e quindi viene disegnato SOPRA questo
	   pseudo-elemento, che senza z-index finisce dietro al suo fondino */
	z-index: 2;
}
body.single-rt-service .rt-service-sidebar .menu > li:hover::before{
	opacity: 1;
	transform: translateY(-50%) scale(1.06);
}

body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/advertising-commercial-communication/"])::before{background-image:url(assets/icons/expertise/menu/advertising-commercial-communication.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/antitrust/"])::before{background-image:url(assets/icons/expertise/menu/antitrust.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/artificial-intelligence/"])::before{background-image:url(assets/icons/expertise/menu/artificial-intelligence.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/copyright-related-rights-cultural-heritage/"])::before{background-image:url(assets/icons/expertise/menu/copyright-related-rights-cultural-heritage.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/corporate-liability-product-safety-manufacture-liability/"])::before{background-image:url(assets/icons/expertise/menu/corporate-liability-product-safety-manufacture-liability.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/cyber-data-breaches/"])::before{background-image:url(assets/icons/expertise/menu/cyber-data-breaches.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/designs-utility-models/"])::before{background-image:url(assets/icons/expertise/menu/designs-utility-models.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/e-commerce/"])::before{background-image:url(assets/icons/expertise/menu/e-commerce.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/intellectual-property-commercial-contracts/"])::before{background-image:url(assets/icons/expertise/menu/intellectual-property-commercial-contracts.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/ipit-litigation-adr/"])::before{background-image:url(assets/icons/expertise/menu/ipit-litigation-adr.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/it-digital-services/"])::before{background-image:url(assets/icons/expertise/menu/it-digital-services.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/know-how-trade-secrets/"])::before{background-image:url(assets/icons/expertise/menu/know-how-trade-secrets.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/ma-ip-due-diligence/"])::before{background-image:url(assets/icons/expertise/menu/ma-ip-due-diligence.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/patents/"])::before{background-image:url(assets/icons/expertise/menu/patents.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/plant-varieties/"])::before{background-image:url(assets/icons/expertise/menu/plant-varieties.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/privacy-data-protection/"])::before{background-image:url(assets/icons/expertise/menu/privacy-data-protection.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/trade-marks/"])::before{background-image:url(assets/icons/expertise/menu/trade-marks.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/unfair-competition/"])::before{background-image:url(assets/icons/expertise/menu/unfair-competition.svg)}
/* pagine italiane: dal 03/11/2026 gli slug sono italiani e si agganciano col
   prefisso /competenze/ (intelligenza-artificiale c'è anche fra i settori);
   il file dell'icona resta quello col nome inglese */
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/brevetti/"])::before{background-image:url(assets/icons/expertise/menu/patents.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/concorrenza-sleale/"])::before{background-image:url(assets/icons/expertise/menu/unfair-competition.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/contenzioso-ipit-adr/"])::before{background-image:url(assets/icons/expertise/menu/ipit-litigation-adr.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/contratti-proprieta-intellettuale-commerciali/"])::before{background-image:url(assets/icons/expertise/menu/intellectual-property-commercial-contracts.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/cybersecurity-data-breach/"])::before{background-image:url(assets/icons/expertise/menu/cyber-data-breaches.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/diritto-autore-diritti-connessi-beni-culturali/"])::before{background-image:url(assets/icons/expertise/menu/copyright-related-rights-cultural-heritage.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/disegni-modelli/"])::before{background-image:url(assets/icons/expertise/menu/designs-utility-models.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/intelligenza-artificiale/"])::before{background-image:url(assets/icons/expertise/menu/artificial-intelligence.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/it-servizi-digitali/"])::before{background-image:url(assets/icons/expertise/menu/it-digital-services.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/know-how-segreti-commerciali/"])::before{background-image:url(assets/icons/expertise/menu/know-how-trade-secrets.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/ma-due-diligence-ip/"])::before{background-image:url(assets/icons/expertise/menu/ma-ip-due-diligence.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/marchi/"])::before{background-image:url(assets/icons/expertise/menu/trade-marks.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/privacy-protezione-dati-personali/"])::before{background-image:url(assets/icons/expertise/menu/privacy-data-protection.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/pubblicita-comunicazione-commerciale/"])::before{background-image:url(assets/icons/expertise/menu/advertising-commercial-communication.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/responsabilita-enti-sicurezza-prodotti-responsabilita-produttore/"])::before{background-image:url(assets/icons/expertise/menu/corporate-liability-product-safety-manufacture-liability.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/varieta-vegetali/"])::before{background-image:url(assets/icons/expertise/menu/plant-varieties.svg)}


/* Sotto il puntatore la voce diventa blu con il testo bianco (regola del tema:
   `.rt-service-sidebar ul.menu li a:hover` → fondo primario, testo bottone):
   l'icona blu ci sparirebbe dentro. Qui passa alla versione bianca e oro —
   stesso disegno, solo il blu del marchio diventa bianco, l'accento ambra
   resta.

   ⚠️ La voce corrente NON prende l'icona bianca: contrariamente a quanto
   pensavo ha lo stesso fondo chiaro delle altre (misurato: rgb(238,242,250)
   con testo blu), quindi il bianco ci sparirebbe dentro.

   ⚠️ Sono due cartelle diverse e vanno tenute allineate: menu/ per lo stato
   normale, menu-hover/ per quello sotto il puntatore. Si rigenerano dai file
   grandi cambiando solo lo stroke-width e il colore del tratto. */

body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/advertising-commercial-communication/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/advertising-commercial-communication.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/antitrust/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/antitrust.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/artificial-intelligence/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/artificial-intelligence.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/copyright-related-rights-cultural-heritage/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/copyright-related-rights-cultural-heritage.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/corporate-liability-product-safety-manufacture-liability/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/corporate-liability-product-safety-manufacture-liability.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/cyber-data-breaches/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/cyber-data-breaches.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/designs-utility-models/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/designs-utility-models.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/e-commerce/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/e-commerce.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/intellectual-property-commercial-contracts/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/intellectual-property-commercial-contracts.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/ipit-litigation-adr/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/ipit-litigation-adr.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/it-digital-services/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/it-digital-services.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/know-how-trade-secrets/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/know-how-trade-secrets.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/ma-ip-due-diligence/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/ma-ip-due-diligence.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/patents/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/patents.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/plant-varieties/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/plant-varieties.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/privacy-data-protection/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/privacy-data-protection.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/trade-marks/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/trade-marks.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/unfair-competition/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/unfair-competition.svg)}
/* pagine italiane: dal 03/11/2026 gli slug sono italiani e si agganciano col
   prefisso /competenze/ (intelligenza-artificiale c'è anche fra i settori);
   il file dell'icona resta quello col nome inglese */
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/brevetti/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/patents.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/concorrenza-sleale/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/unfair-competition.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/contenzioso-ipit-adr/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/ipit-litigation-adr.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/contratti-proprieta-intellettuale-commerciali/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/intellectual-property-commercial-contracts.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/cybersecurity-data-breach/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/cyber-data-breaches.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/diritto-autore-diritti-connessi-beni-culturali/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/copyright-related-rights-cultural-heritage.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/disegni-modelli/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/designs-utility-models.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/intelligenza-artificiale/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/artificial-intelligence.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/it-servizi-digitali/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/it-digital-services.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/know-how-segreti-commerciali/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/know-how-trade-secrets.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/ma-due-diligence-ip/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/ma-ip-due-diligence.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/marchi/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/trade-marks.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/privacy-protezione-dati-personali/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/privacy-data-protection.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/pubblicita-comunicazione-commerciale/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/advertising-commercial-communication.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/responsabilita-enti-sicurezza-prodotti-responsabilita-produttore/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/corporate-liability-product-safety-manufacture-liability.svg)}
body.single-rt-service .rt-service-sidebar .menu > li:has(a[href$="/competenze/varieta-vegetali/"]):hover::before{background-image:url(assets/icons/expertise/menu-hover/plant-varieties.svg)}

/* ---------------------------------------------------------------------------
   Scheda area di attività: la colonna del testo resta in vista mentre si
   scorre l'elenco a sinistra, che con 18 voci è più lungo del contenuto di
   parecchie schede.

   Perché non basta `position: sticky`: un elemento sticky scorre dentro il
   PROPRIO contenitore, e `main` è alto quanto il testo — zero spazio di
   scorrimento. La colonna invece è alta quanto la riga, cioè quanto l'elenco:
   portando a tutta altezza anche i contenitori intermedi, il testo ha dove
   scorrere. È la stessa ricetta già usata sulla scheda settore.
   --------------------------------------------------------------------------- */
@media (min-width: 992px) {
	body.single-rt-service #primary .col-xl-8 > main.site-main,
	body.single-rt-service main.site-main > .service-single {
		height: 100%;
	}
	body.single-rt-service .service-single .service-single-item {
		position: sticky;
		top: 132px;   /* l'altezza della testata che resta appiccicata */
	}
}

/* ===========================================================================
   Schede articolo: il calendario e l'effetto al passaggio del mouse.

   Il calendario era già ocra nell'elenco News ma BLU fra gli articoli
   correlati: il tema usa due icone diverse (`icon-rt-calender-4` di là,
   `icon-rt-calendar` di qua) e le colora in due modi. Il selettore prende
   entrambe per prefisso, così vale anche se un domani ne cambia il nome.
   =========================================================================== */
.rt-el-post-wrapper .entry-meta i[class*="calend"],
.rt-related-post .entry-meta i[class*="calend"],
body.category .entry-meta i[class*="calend"],
body.archive .entry-meta i[class*="calend"],
body.single-post .rt-post-meta i[class*="calend"] {
	color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
}

/* --- l'etichetta della categoria al passaggio del mouse ----------------------
   Il tema la riempie di blu pieno con il testo bianco
   (`.separate-meta a:hover { background: var(--rt-primary-color) }`): a video
   sembrava una selezione di testo fatta col mouse, non un collegamento.

   Qui la pasticca resta chiara e si limita a scaldarsi nella crema del sito,
   con la scritta nell'ocra: si capisce che è cliccabile senza quel blocco.

   Le schede invece NON hanno effetto di sollevamento: provato e scartato
   dall'utente, si è tornati al comportamento di serie.
   --------------------------------------------------------------------------- */
/* La pasticca ha bisogno d'aria: il tema le dà un fondino chiaro ma nessun
   rientro, così la scritta toccava i bordi del colore. Vale per tutti gli
   articoli, non solo per quello aperto. */
.rt-el-post-wrapper .separate-meta a,
.rt-related-post .separate-meta a,
body.category .separate-meta a,
body.archive .separate-meta a,
body.single-post .separate-meta a {
	display: inline-block;
	padding: 5px 11px;
	border-radius: 3px;
	/* il fondino va dichiarato qui: il tema lo mette sull'articolo singolo e
	   sugli archivi ma non nelle schede della pagina News, che sono disegnate
	   da un widget Elementor con regole proprie — e la pasticca compariva
	   quindi solo in alcuni punti */
	background-color: #EEF2FA;
	line-height: 1.35;
	transition: background-color .2s ease, color .2s ease;
}
.rt-el-post-wrapper .separate-meta a:hover,
.rt-related-post .separate-meta a:hover,
body.category .separate-meta a:hover,
body.archive .separate-meta a:hover,
body.single-post .separate-meta a:hover {
	background: var(--e-global-color-lgvcrema, #F4E8D3);
	color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
}

/* ===========================================================================
   Elenco delle categorie nella barra laterale dell'articolo.

   Era un elenco puntato con il conteggio attaccato al nome. Ora è una tabella
   sobria: nome a sinistra, conteggio a destra, un filo sottile fra una riga e
   l'altra — lo stesso registro dei numeri di About Us.

   Il conteggio « (8) » è un nodo di testo sciolto dopo il link, non un
   elemento: non si può selezionare da CSS. Rendendo la riga `flex` diventa
   però un elemento anonimo, e `justify-content: space-between` lo manda a
   destra da solo. È anche il motivo per cui sparisce il pallino: con
   `display: flex` la voce non è più un `list-item` e non genera il marcatore.
   =========================================================================== */
.rt-single-sidebar .wp-block-categories-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.rt-single-sidebar .wp-block-categories-list li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	margin: 0;
	padding: 11px 0;
	border-bottom: 1px solid rgba(6, 46, 146, .10);
	font-size: 13px;
	color: #8A8F9C;
	font-variant-numeric: tabular-nums;
}
.rt-single-sidebar .wp-block-categories-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
/* Via il pallino: il tema mette un cerchietto blu di 8px in `a::before`
   (regola `.finwave-widget-area .wp-block-categories li a::before`) con un
   rientro nel link per fargli posto. Qui l'elenco non è più puntato, quindi
   se ne va anche il rientro. */
.rt-single-sidebar .wp-block-categories-list li a::before {
	display: none;
}
/* il rientro va tolto con un selettore più forte: quello del tema
   (`.finwave-widget-area .wp-block-categories li a`) pesa quanto il mio e
   arriva dopo, quindi vinceva lui e i nomi restavano spostati di 16px
   rispetto al titolo «Categories» */
.widget.rt-single-sidebar .wp-block-categories-list li a {
	padding-left: 0;
}
.rt-single-sidebar .wp-block-categories-list li a {
	font-size: 15.5px;
	font-weight: 500;
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
	text-decoration: none;
	transition: color .2s ease;
}
.rt-single-sidebar .wp-block-categories-list li a:hover {
	color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
}

/* ---------------------------------------------------------------------------
   Fascia in cima all'articolo singolo: la stessa immagine della pagina News.

   Perché serviva: la fascia pesca lo sfondo dall'immagine in evidenza, e sugli
   articoli l'immagine in evidenza è stata tolta di proposito (scelta dello
   studio: articoli senza foto, vedi inc/articoli-senza-foto-autore.php). Senza
   immagine la fascia restava una sfumatura grigio-blu, diversa da tutte le
   altre pagine del sito.

   L'immagine non è scritta qui: la mette inc/articoli-senza-foto-autore.php,
   leggendo l'immagine in evidenza della pagina News. Così, se la si cambia
   sulla pagina News, cambia anche qui (03/11/2026).
   --------------------------------------------------------------------------- */
body.single-post .lgv-blue-overlay {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

/* ---------------------------------------------------------------------------
   Articolo singolo: la colonna di destra resta in vista mentre si legge.

   Nota su cosa si può rendere sticky: qui la colonna alta è l'ARTICOLO (1073px
   misurati) e la barra laterale ne occupa 344 — quindi l'unica che ha spazio
   per scorrere è la barra. Rendere sticky l'articolo non produrrebbe alcun
   movimento, perché riempie già tutta la riga.

   `align-self: flex-start` è indispensabile: la riga è un contenitore flex e
   la colonna, stirata a tutta altezza, non lascerebbe margine allo sticky.
   --------------------------------------------------------------------------- */
@media (min-width: 992px) {
	body.single-post .sidebar-sticky {
		position: sticky;
		top: 132px;
		align-self: flex-start;
	}
	/* ⚠️ Provato e TOLTO: rendere sticky anche il TESTO dell'articolo.
	   Tecnicamente funziona (il testo si ferma a 132px), ma nella stessa
	   colonna, sotto all'articolo, ci sono i tag, i pulsanti social e il
	   blocco «articolo precedente / successivo»: mentre il testo sta fermo
	   quelli gli scorrono addosso e le scritte si sovrappongono.
	   Perché un testo possa restare appeso non deve avere nulla sotto di sé
	   nella propria colonna — è il caso della scheda settore e dell'area di
	   attività, dove infatti lo sticky c'è e funziona. Qui resta solo sulla
	   barra laterale. */
}

/* (Il blocco «articolo precedente / successivo» era stato ristilizzato
   — etichetta ocra, titolo in Bodoni, filo verticale — ma non ha convinto
   l'utente: rimesso quello di serie del tema, 26/8/2026. Non riproporlo.) */

/* ---------------------------------------------------------------------------
   Archivi di categoria (/category/publications/ e simili): stessa faccia della
   pagina News.

   Prima erano una pagina bianca con la fascia in cima sfumata e due sole
   schede per riga, perché il tema ci metteva accanto una barra laterale. Ora
   la griglia è a tutta larghezza (vedi archive.php del tema figlio), il fondo
   è la crema del sito e la fascia porta la stessa immagine della testata News
   (la mette inc/articoli-senza-foto-autore.php, come per l'articolo singolo).
   --------------------------------------------------------------------------- */
body.category #primary,
body.archive #primary {
	background-color: #F4E8D3;
	padding-top: 70px;
	padding-bottom: 90px;
}
body.category .lgv-blue-overlay,
body.archive .lgv-blue-overlay {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
/* la barra filtri respira come sulla pagina News */
body.category .lgv-filtri,
body.archive .lgv-filtri {
	margin-bottom: 34px;
}

/* Tre schede per riga come su News: il tema le stampa `col-lg-6` (due per
   riga, perché contava su una barra laterale accanto che qui non c'è più). */
@media (min-width: 992px) {
	body.category .rt-masonry-grid > .finwave-post-card,
	body.archive .rt-masonry-grid > .finwave-post-card {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
}

/* ⚠️ Le schede degli archivi sono impaginate «a mattoncini» da uno script
   (Isotope): il tema le mette in `position: absolute` con left/top calcolati,
   ed è per quello che le altezze non si pareggiavano — il pacchetto a
   mattoncini serve proprio a incastrare riquadri di altezza diversa.
   Qui si vuole invece la griglia regolare della pagina News, quindi le voci
   tornano nel flusso e ci pensa il flex a pareggiarle riga per riga.
   Gli `!important` sono necessari: quelle posizioni sono stili in linea. */
body.category .rt-masonry-grid,
body.archive .rt-masonry-grid {
	height: auto !important;
}
body.category .rt-masonry-grid > .finwave-post-card,
body.archive .rt-masonry-grid > .finwave-post-card {
	position: static !important;
	left: auto !important;
	top: auto !important;
}

/* ---------------------------------------------------------------------------
   Schede articolo: equilibrio degli spazi.

   Misurato prima dell'intervento (archivio Publications, sei schede):
     · allineamento a sinistra: pasticca, titolo e data tutti a 25px — a posto;
     · aria sopra la pasticca 31px, sotto la data 31px — simmetrica, a posto;
     · pasticca → titolo: **5px**, mentre titolo → data ne aveva 12: il titolo
       stava praticamente appiccicato alla categoria;
     · titolo → data: 12px, 42,8px o **73,6px** a seconda della lunghezza del
       titolo, perché la data era spinta in fondo alla scheda. Il risultato era
       un buco in mezzo alla scheda, che è la cosa che si notava di più.

   Scelta: la data torna sotto al titolo, così titolo e data restano un blocco
   solo e lo spazio che avanza finisce in fondo alla scheda, dove non disturba.
   I riquadri restano alti uguali e i bordi inferiori allineati, che è quello
   che tiene insieme la griglia; a cambiare è solo dove va l'aria di troppo.
   --------------------------------------------------------------------------- */
.rt-el-post-wrapper .separate-meta,
.rt-related-post .separate-meta,
body.category .separate-meta,
body.archive .separate-meta {
	margin-bottom: 12px;
}
/* la data non viene più spinta in fondo (era `margin-top: auto`) */
.rt-el-post-wrapper .entry-wrapper .rt-post-meta,
.rt-related-post .entry-wrapper .rt-post-meta,
body.category .entry-wrapper .rt-post-meta,
body.archive .entry-wrapper .rt-post-meta {
	margin-top: 0;
}
/* interlinea della riga della data: era 28px su 15 di corpo (1,87), un valore
   da paragrafo che allargava lo stacco senza motivo */
.rt-el-post-wrapper .entry-meta,
.rt-related-post .entry-meta,
body.category .entry-meta,
body.archive .entry-meta {
	line-height: 1.5;
}

/* ---------------------------------------------------------------------------
   Piede dell'articolo: «Tags:» e «Social:».

   Il difetto principale non era grafico: l'etichetta «Tags:» c'è sempre, ma
   l'elenco accanto è VUOTO — gli articoli non hanno tag — quindi si leggeva
   una parola sospesa nel nulla. Qui l'etichetta sparisce quando non ha niente
   da elencare, e i pulsanti social si spostano a destra da soli.

   Sui pulsanti: restano quadrati da 40px come li fa il tema, ma al passaggio
   del mouse si riempiono del blu del marchio invece di limitarsi a cambiare
   colore all'icona.
   --------------------------------------------------------------------------- */
/* La riga della condivisione entra nella stessa tabella degli argomenti: la
   stampa il tema, in un elemento suo, ma con `display: contents` la sua
   etichetta e la sua lista diventano le due celle della griglia e si allineano
   alle righe sopra. Il filo di chiusura del colophon sta qui, non sotto gli
   argomenti, se no fra INDUSTRIES e SOCIAL comparirebbe una riga di troppo.

   ⚠️ Qui c'era `.entry-footer:has(.post-tags:not(:has(a)))` per spingere i
   social a destra quando i tag mancano: NON funziona, `:has()` non si può
   annidare dentro un altro `:has()`. Ora non serve più: la colonna la decide
   la griglia. */
body.single-post .entry-footer .post-tags:not(:has(a)) {
	display: none;
}
/* ⚠️ Fra il blocco e questa riga restavano 40px: `.entry-content` ha
   `margin-bottom: 40px` e `.entry-footer` `margin-top: 22px`, che si
   accorpano nel maggiore dei due. Vanno azzerati tutti e due, ma SOLO dove il
   colophon c'è davvero: negli otto articoli senza argomenti né firma quei
   40px servono ancora a staccare i social dall'ultimo capoverso. */
body.single-post .entry-content:has(.lgv-argomenti) {
	margin-bottom: 0;
}
body.single-post .entry-content:has(.lgv-argomenti) ~ .entry-footer {
	margin-top: 0;
}
body.single-post .entry-footer {
	--lgv-eti: 104px;
	display: grid;
	grid-template-columns: var(--lgv-eti) 1fr;
	gap: 10px 24px;
	align-items: center;
	justify-content: initial;
	padding: 0 0 20px;
	margin-bottom: 44px;
	border-bottom: 1px solid rgba(6, 46, 146, .12);
}
body.single-post .entry-footer .post-share,
body.single-post .entry-footer .post-tags:has(a) {
	display: contents;
}
/* ⚠️ L'etichetta del tema è «Social:», col due punti, mentre le altre righe
   del colophon non ce l'hanno. Non essendo nostra non si può riscrivere in
   PHP senza toccare il tema: si spegne il carattere e si ridisegna qui. */
body.single-post .entry-footer .post-share > span {
	font-size: 0;
}
body.single-post .entry-footer .post-share > span::before {
	content: 'Share';
}
body.single-post .entry-footer .post-share > span::before,
body.single-post .entry-footer .post-tags > span {
	font-family: "Archivo", sans-serif;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: rgba(78, 85, 103, .55);
}
/* I pulsanti quadrati col bordo pesavano quanto tutto il resto della coda
   messo insieme: restano le sole icone, smorzate, ambra al passaggio. */
body.single-post .entry-footer .social-share-list {
	gap: 20px;
}
body.single-post .entry-footer .social-share-list a {
	width: auto;
	height: auto;
	border: 0;
	border-radius: 0;
	background: none;
	font-size: 16px;
	color: rgba(6, 46, 146, .52);
	transition: color .2s ease;
}
body.single-post .entry-footer .social-share-list a:hover {
	background: none;
	color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
}

@media (max-width: 600px) {
	body.single-post .entry-footer {
		grid-template-columns: 1fr;
		gap: 8px;
		padding-bottom: 18px;
		margin-bottom: 36px;
	}
}

/* ---------------------------------------------------------------------------
   Recognition: delle due tabelle si ritocca SOLO l'intestazione.

   Era stata rifatta per intero — colonne proporzionate, righe divise da un
   filo al posto delle bande alternate, riquadro bianco, testo riallineato —
   ma all'utente piaceva com'era: rimesso tutto di serie (26/8/2026).
   ⚠️ Non riproporlo: l'unica cosa che ha convinto è questa, cioè le voci
   dell'intestazione in maiuscoletto spaziato invece che in grassetto.
   --------------------------------------------------------------------------- */
body.page-id-9383 .foo-table thead th {
	font-family: "Archivo", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
}

/* Recognition: «Awards» e «Rankings» sono rimasti gli unici titoli delle due
   sezioni (sopra c'erano due titoli lorem, tolti perché non dicevano nulla che
   quelle due parole non dicessero già). Passano quindi da sottotitolo a titolo
   di sezione vero: stesso corpo e stesso carattere dei titoli del sito. */
/* `.elementor-element` in più nel selettore: Elementor scrive il corpo del
   titolo con una catena a tre classi e senza quella la mia regola perde */
/* ⚠️ I titoli «Awards» e «Rankings» sono nel pannello (26/8/2026): carattere,
   corpo, peso, interlinea, colore e stacco si regolano dal widget Titolo.
   ⚠️ Il corpo era un `clamp(28px, 3.2vw, 36px)` fluido, che Elementor non sa
   esprimere: ora è a gradini — 36px, 32 sotto i 1024, 28 sotto i 768. Fra un
   gradino e l'altro può ballare di qualche pixel rispetto a prima. */

/* ---------------------------------------------------------------------------
   Articolo singolo: dare fondo alla pagina.

   Era tutto bianco su bianco — e i riquadri della colonna di destra hanno un
   bordo chiarissimo e nessun fondo, quindi non si vedevano affatto. Qui la
   pagina prende la crema del sito (la stessa di News e degli archivi) e il
   testo dell'articolo sale su una scheda bianca, come le schede degli
   articoli: così i tre elementi — testo, barra, correlati — si leggono come
   tre blocchi e non come un unico foglio.
   --------------------------------------------------------------------------- */
body.single-post #primary {
	background-color: #F4E8D3;
	padding-top: 70px;
	padding-bottom: 90px;
}
body.single-post .content-col > main.site-main {
	background: var(--e-global-color-lgvbianco, #FFFFFF);
	border: 1px solid var(--e-global-color-lgvfiletto, #E7E7E7);
	border-radius: 15px;
	padding: 44px 44px 8px;
}
/* i riquadri della barra avevano bordo e raggio ma nessun fondo: su bianco
   erano invisibili, sulla crema diventano schede vere */
body.single-post .rt-single-sidebar {
	background: var(--e-global-color-lgvbianco, #FFFFFF);
}
/* il primo paragrafo fa da occhiello: un filo più grande, come nei giornali */
body.single-post .content-col .entry-content > p:first-of-type,
body.single-post .content-col .single-content > p:first-of-type {
	font-size: 17.5px;
	line-height: 1.75;
	color: #3C4356;
}
/* la fascia dei correlati resta sulla crema, staccata dalla scheda */
body.single-post .rt-related-post {
	padding-top: 20px;
}

/* Precedente / successivo: la freccia passa all'ocra sotto il puntatore.
   Il disegno è un SVG con `fill` pieno (non `currentColor`), quindi va colorato
   il path, non il testo. */
body.single-post .single-post-pagination .nav-title svg,
body.single-post .single-post-pagination .nav-title svg path {
	transition: fill .2s ease;
}
body.single-post .single-post-pagination .post-navigation:hover .nav-title svg,
body.single-post .single-post-pagination .post-navigation:hover .nav-title svg path {
	fill: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
}

/* ---------------------------------------------------------------------------
   Titolo nella fascia in cima alle pagine: interlinea.

   Elementor dà a TUTTI i suoi titoli `line-height: 1` (regola globale
   `.elementor-heading-title` in custom-frontend.min.css): a 60px di corpo
   significa zero interlinea, e su un titolo di tre righe le code di «gli
   studi» finiscono addosso alle maiuscole della riga sotto.

   1,14 è il minimo che dà aria a un carattere con grazie di questo corpo
   senza slegare il blocco; sui titoli di una riga sola non cambia nulla.
   --------------------------------------------------------------------------- */
.lgv-blue-overlay .elementor-heading-title,
.lgv-blue-overlay h1 {
	line-height: 1.14;
}

/* ---------------------------------------------------------------------------
   Il velo blu delle testate (.lgv-blue-overlay::before, nel CSS del
   Customizer) usa lo stesso ::before dello «Sfondo sovrapposto» di Elementor.
   Se nel contenitore quell'opzione è accesa, Elementor gli mette
   opacity: var(--overlay-opacity), 0.5 di base, e il velo esce a metà: dal
   03/11/2026 succedeva nella testata del singolo professionista (9896 e la
   copia italiana 12016, contenitore 5cecc78). Così il velo è pieno come
   nelle altre testate, comunque sia impostato Elementor.
   --------------------------------------------------------------------------- */
.e-con.lgv-blue-overlay::before {
	opacity: 1;
}

/* ===========================================================================
   Fascia «Related news» in fondo alle schede Area di attività e Settore.

   Com'era: un blocchetto dentro la colonna del testo, con un filetto sopra.
   Le schede sono bianche e la colonna è bianca, quindi non avevano bordi
   visibili: a video non si leggeva come una sezione, sembravano tre titoli
   lasciati lì. Ora è una fascia a tutta larghezza col fondo crema, la stessa
   della pagina News, e dentro le schede si vedono.

   Il disegno delle schede è copiato dalla pagina News, misurato lì il 26/8:
   riquadro bianco, angoli 15px, filetto #E7E7E7, testo a 30/24, etichetta
   della categoria come pasticca azzurra (#EEF2FA su testo blu).

   ⚠️ Il fondo crema è #F4E8D3, lo stesso di /expertise/ e della pagina News.
   Il rimando «All news» NON è ocra come gli altri: su crema l'ocra fa 1,35:1 e
   sparisce. È blu, con la sola freccia in ocra.
   =========================================================================== */
.lgv-news-fascia {
	background: var(--e-global-color-lgvcrema, #F4E8D3);
	margin-top: 96px;
	padding: 74px 0 82px;
}
.lgv-news-fascia-testata {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px 28px;
	margin-bottom: 36px;
}
.lgv-news-fascia-titolo {
	font-family: var(--e-global-typography-primary-font-family, "Libre Bodoni"), Georgia, serif;
	font-size: clamp(26px, 2.6vw, 34px);
	font-weight: 400;
	line-height: 1.2;
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
	margin: 0;
}
.lgv-news-tutte {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--e-global-typography-text-font-family, Archivo), sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
	text-decoration: none;
	transition: color .2s ease;
}
.lgv-news-tutte::after {
	content: "\2192";
	color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
	transition: transform .2s ease;
}
.lgv-news-tutte:hover {
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
}
.lgv-news-tutte:hover::after {
	transform: translateX(3px);
}

/* Le schede: quelle di base (.lgv-news-card) restano come sono, perché nella
   scheda del professionista stanno su fondo azzurro e lì vanno bene. Qui si
   aggiunge solo ciò che serve sul crema. */
.lgv-news-fascia .lgv-news-card {
	border: 1px solid var(--e-global-color-lgvfiletto, #E7E7E7);
	padding: 30px 24px;
	gap: 12px;
}
.lgv-news-fascia .lgv-news-cat {
	align-self: flex-start;
	background: var(--e-global-color-lgvazzurro, #EEF2FA);
	border-radius: 3px;
	padding: 6px 8px;
}
/* La data va in fondo alla scheda: così le date stanno tutte sulla stessa
   linea anche quando i titoli occupano un numero di righe diverso. */
.lgv-news-fascia .lgv-news-data {
	margin-top: auto;
}

/* La fascia è l'ultima cosa della pagina: senza questa riga sotto al crema
   resta la striscia bianca dei 140px di `padding` di #primary, che sembra un
   errore di impaginazione. La classe la mette il tema figlio solo dove la
   fascia viene davvero stampata. */
body.lgv-ha-news #primary.content-area {
	padding-bottom: 0;
}

@media (max-width: 767px) {
	.lgv-news-fascia {
		margin-top: 60px;
		padding: 52px 0 56px;
	}
	.lgv-news-fascia-testata {
		margin-bottom: 26px;
	}
}

/* ⚠️ QUI c'era una regola che forzava al bianco l'icona LinkedIn del widget
   `307e7f7` (pagina Contatti). È stata TOLTA il 26/8/2026: quel widget ha già
   i suoi comandi nel pannello — `icon_color` e `icon_bg_color` sulla singola
   voce, `social_color` e `social_hover_color` sul widget — e la regola li
   batteva tutti, per cui cambiando il colore da Elementor non succedeva
   niente. Il colore ora si imposta dove è giusto: Elementor → il widget →
   Icona → Colore. Non rimettere regole di questo tipo: se un colore si può
   dare dal pannello, va dato dal pannello. */

/* ===========================================================================
   In fondo al testo dell'articolo: le aree di attività e i settori collegati.

   Due righe — «Expertise» e «Industries» — con le pasticche che portano alle
   schede. L'insieme è una griglia a due colonne, così le due etichette restano
   incolonnate anche se una è più lunga dell'altra.

   Le pasticche riprendono quella della categoria nelle schede news (#EEF2FA su
   blu): qui però sono un po' più grandi, perché si devono cliccare.
   =========================================================================== */
/* ---------------------------------------------------------------------------
   ARGOMENTI in coda all'articolo — «riga di coda» (scelta dello studio, 27/8)

   Le aree di attività e i settori a cui l'articolo è collegato, chiusi fra due
   fili sottili come il colophon di un giornale. Il markup lo fa
   inc/argomenti-articolo.php.

   ⚠️ Prima erano pasticche azzurre piene: con undici voci facevano un muro
   alto 231px in coda all'articolo. Il caso che conta però è quello da UNA voce
   sola, che capita in 174 articoli su 280: lì questa versione è una riga.
   --------------------------------------------------------------------------- */
.lgv-argomenti {
	/* ⚠️ La colonna delle etichette è FISSA e non `max-content`: la riga dei
	   social la stampa il tema, in un elemento suo, e per allinearsi alle
	   altre deve poter usare la stessa misura. Con `max-content` ognuna si
	   sarebbe presa la larghezza della propria parola. */
	--lgv-eti: 104px;
	display: grid;
	grid-template-columns: var(--lgv-eti) 1fr;
	gap: 10px 24px;
	align-items: baseline;
	margin-top: 38px;
	padding: 20px 0 10px;
	border-top: 1px solid rgba(6, 46, 146, .12);
}

/* La firma: il ritratto piccolo, il nome e il ruolo. Sta come prima riga
   della tabella, così autore, argomenti e condivisione si leggono come un
   colophon solo e non come tre blocchi diversi.
   ⚠️ Gli articoli firmati solo «LGV (Studio)» non hanno questa riga: sono 65
   su 154 e la tabella parte da EXPERTISE. */
.lgv-firme {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px;
	align-self: center;
}
.lgv-firma {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: inherit;
	text-decoration: none;
}
.lgv-firma-foto {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center top;
	flex: 0 0 auto;
	border: 1px solid rgba(6, 46, 146, .14);
}
.lgv-firma-testo {
	display: flex;
	flex-direction: column;
	line-height: 1.4;
}
.lgv-firma-nome {
	font-size: 14.5px;
	font-weight: 600;
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
	text-decoration: underline 1px transparent;
	text-underline-offset: 4px;
	transition: text-decoration-color .2s ease;
}
.lgv-firma:hover .lgv-firma-nome,
.lgv-firma:focus .lgv-firma-nome {
	text-decoration-color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
}
.lgv-firma-ruolo {
	font-size: 12.5px;
	color: rgba(78, 85, 103, .78);
}
/* prova: la firma senza ritratto (?argomenti=nofoto) */
.lgv-arg-nofoto .lgv-firma-foto {
	display: none;
}
.lgv-arg-nofoto .lgv-firma-testo {
	flex-direction: row;
	align-items: baseline;
	gap: 9px;
}
/* L'etichetta piccola e smorzata: serve a dire di che elenco si tratta, non a
   farsi leggere per prima. */
.lgv-argomenti-eti {
	font-family: var(--e-global-typography-text-font-family, Archivo), sans-serif;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .18em;
	line-height: 2.6;
	text-transform: uppercase;
	color: rgba(78, 85, 103, .55);
}
.lgv-argomenti-voci {
	font-family: var(--e-global-typography-text-font-family, Archivo), sans-serif;
	font-size: 14px;
	line-height: 1.95;
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
}
.lgv-argomenti-sep {
	color: rgba(6, 46, 146, .28);
	padding: 0 11px;
}
/* Nessuna sottolineatura da fermi: compare ambra al passaggio. Se un domani
   si volesse rendere più evidente che sono collegamenti, basta cambiare
   `transparent` in `rgba(6, 46, 146, .20)` qui sotto. */
.lgv-argomento {
	color: inherit;
	font-weight: 500;
	/* ⚠️ Una voce non si spezza mai a metà: «Copyright, / related rights,
	   cultural heritage» a cavallo di due righe faceva perdere il confine fra
	   una voce e l'altra. Va a capo intera. */
	white-space: nowrap;
	text-decoration: underline 1px transparent;
	text-underline-offset: 4px;
	transition: text-decoration-color .2s ease;
}
.lgv-argomento:hover,
.lgv-argomento:focus {
	text-decoration-color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
}

/* Sotto i 600px le etichette vanno sopra alle voci: incolonnate a sinistra
   toglievano larghezza al testo, che andava a capo troppo presto. */
@media (max-width: 600px) {
	.lgv-argomenti {
		grid-template-columns: 1fr;
		gap: 4px;
		margin-top: 32px;
		padding: 18px 0 14px;
	}
	.lgv-firme {
		gap: 12px 24px;
		margin-bottom: 14px;
	}
	.lgv-argomenti-eti {
		line-height: 1.7;
	}
	.lgv-argomenti-eti + .lgv-argomenti-voci {
		margin-bottom: 14px;
	}
	/* interlinea più stretta: qui le voci vanno a capo e con 1,95 il blocco
	   diventava alto e slavato */
	.lgv-argomenti-voci {
		line-height: 1.75;
	}
	.lgv-argomenti-sep {
		padding: 0 8px;
	}
	/* ⚠️ Qui la colonna è stretta e le voci lunghe non ci stanno intere: a 390px
	   «Advertising and commercial communication» usciva di 10px dal suo riquadro.
	   Sul telefono si lascia andare a capo, che è il male minore. */
	.lgv-argomento {
		white-space: normal;
	}
}

/* ---------------------------------------------------------------------------
   PAGINE LEGALI — Privacy Policy (3) e Cookie Policy (11350)

   I testi sono quelli veri dello studio, ripresi dal loro sito
   (lgvavvocati.it/en/legal-notice/ e /en/cookie-policy/): non sono stati
   riscritti, solo ripuliti dal markup rotto dell'originale (decine di <b>
   aperti e mai chiusi) e dotati di titoli veri al posto dei grassetti.

   ⚠️ Scelta dell'utente (26/8/2026): pagina di TESTO SEMPLICE. Provata e
   SCARTATA la versione con fondo crema e scheda bianca come l'articolo — «così
   è molto brutto». Qui non c'è nessun riquadro: fondo bianco, una colonna sola,
   il testo e basta. L'unica cosa che resta è la larghezza della colonna, perché
   il tema stampa a 1340px, cioè circa 190 caratteri per riga su un testo
   giuridico: illeggibile.

   La fascia del titolo pesca l'immagine in evidenza, che queste pagine non
   hanno: senza, resterebbe una sfumatura grigia. Qui è in tinta unita.

   Gli agganci sono le classi che WordPress mette sul <body> a partire dallo
   slug — `body.privacy-policy` e `body.cookie-policy` — più gli id, così se un
   domani lo slug cambia la regola non muore.
   --------------------------------------------------------------------------- */
body.privacy-policy .lgv-blue-overlay,
body.cookie-policy .lgv-blue-overlay,
body.page-id-3 .lgv-blue-overlay,
body.page-id-11350 .lgv-blue-overlay {
	background-image: none !important;
	background-color: var(--rt-primary-color, #062E92) !important;
}

body.privacy-policy #primary,
body.cookie-policy #primary,
body.page-id-3 #primary,
body.page-id-11350 #primary {
	padding: 72px 0 96px;
}

/* ⚠️ La colonna parte dalla stessa linea del titolo nella testata, non al
   centro: centrata, a 1400px il testo cominciava 290px più a destra del
   titolo (segnalato dall'utente il 03/11/2026). Il contenitore del tema
   (Bootstrap, 1140 o 1364px più 12px di margine) non coincide mai con la
   testata Elementor, quindi qui si rifanno le misure della testata:
   20px sul telefono, 24px sul tablet, e da 1025px la stessa larghezza di
   1364px col bordo minimo di 18px (vedi la regola della testata subito
   sotto). Riga e colonna Bootstrap si annullano (-12 +12). */
body.privacy-policy #primary > .container,
body.cookie-policy #primary > .container,
body.page-id-3 #primary > .container,
body.page-id-11350 #primary > .container {
	max-width: none;
	padding-left: 20px;
	padding-right: 20px;
}
@media (min-width: 768px) {
	body.privacy-policy #primary > .container,
	body.cookie-policy #primary > .container,
	body.page-id-3 #primary > .container,
	body.page-id-11350 #primary > .container {
		padding-left: 24px;
		padding-right: 24px;
	}
}
@media (min-width: 1025px) {
	body.privacy-policy #primary > .container,
	body.cookie-policy #primary > .container,
	body.page-id-3 #primary > .container,
	body.page-id-11350 #primary > .container {
		max-width: 1400px;
		padding-left: 18px;
		padding-right: 18px;
	}
}

body.privacy-policy .entry-content,
body.cookie-policy .entry-content,
body.page-id-3 .entry-content,
body.page-id-11350 .entry-content {
	max-width: 780px;
	margin: 0;
}

/* Testata delle pagine interne (template Elementor 9530): sul desktop
   Elementor non ha margini laterali e il riquadro è largo 1364px, quindi fra
   1025 e 1399px il titolo e le briciole toccavano il bordo dello schermo (a
   1280px, il portatile più comune, stavano a 0px). 18px è il margine che il
   titolo ha già a 1400px: da lì in su non cambia niente. */
@media (min-width: 1025px) and (max-width: 1399px) {
	body .elementor-9530 .elementor-element.elementor-element-e8fef3b {
		--padding-left: 18px;
		--padding-right: 18px;
	}
}

body.privacy-policy .entry-content p,
body.cookie-policy .entry-content p,
body.page-id-3 .entry-content p,
body.page-id-11350 .entry-content p {
	margin-bottom: 18px;
	line-height: 1.75;
}

body.privacy-policy .entry-content h2,
body.cookie-policy .entry-content h2,
body.page-id-3 .entry-content h2,
body.page-id-11350 .entry-content h2 {
	font-size: 23px;
	line-height: 1.3;
	margin: 40px 0 14px;
	color: var(--rt-primary-color, #062E92);
}
body.privacy-policy .entry-content h2:first-child,
body.cookie-policy .entry-content h2:first-child,
body.page-id-3 .entry-content h2:first-child,
body.page-id-11350 .entry-content h2:first-child { margin-top: 0; }

/* L'originale numera le sezioni con un <ol>: le voci sono titoli di paragrafo,
   non un elenco puntato, quindi hanno bisogno di aria intorno. */
body.privacy-policy .entry-content ol,
body.page-id-3 .entry-content ol {
	margin: 22px 0 22px 20px;
	padding-left: 12px;
}
body.privacy-policy .entry-content ol li,
body.page-id-3 .entry-content ol li {
	margin-bottom: 12px;
	line-height: 1.75;
}

body.privacy-policy .entry-content a,
body.cookie-policy .entry-content a,
body.page-id-3 .entry-content a,
body.page-id-11350 .entry-content a {
	color: var(--rt-primary-color, #062E92);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: rgba(6, 46, 146, .35);
}
body.privacy-policy .entry-content a:hover,
body.cookie-policy .entry-content a:hover,
body.page-id-3 .entry-content a:hover,
body.page-id-11350 .entry-content a:hover {
	text-decoration-color: var(--rt-tertiary-color, #FFB700);
}

@media (max-width: 767px) {
	body.privacy-policy #primary,
	body.cookie-policy #primary,
	body.page-id-3 #primary,
	body.page-id-11350 #primary { padding: 46px 0 60px; }
}

/* ===========================================================================
   Caroselli: le schede NON fanno l'animazione d'ingresso a scalare.

   Il difetto: arrivando sulla sezione dei professionisti in home si vedevano
   dei BUCHI BIANCHI al posto delle schede, per un paio di secondi. Misurato:
   su cinque schede in vista, tre erano completamente trasparenti.

   Perché succedeva. Il tema mette su ogni scheda la classe `wow` e WOW.js le
   scrive negli stili in linea `animation-name: fadeIn`, una `animation-delay`
   crescente (200, 400, 600 … fino a 2200ms su About Us) e soprattutto
   `animation-fill-mode: both`. Con `both`, PRIMA che il ritardo sia passato
   l'elemento tiene il fotogramma iniziale dell'animazione, cioè opacità 0:
   quindi la scheda esiste, occupa il suo spazio, e non si vede.
   Sui caroselli il problema è doppio, perché Swiper duplica le schede per far
   girare il ciclo e su quelle copie l'animazione non parte mai: restano
   trasparenti finché la pagina non viene ricaricata.

   Qui si spegne l'animazione sulle sole schede dei caroselli. L'animazione
   d'ingresso della SEZIONE resta: è quella che serve.

   ⚠️ Gli `!important` sono necessari e non hanno niente a che vedere con il
   pannello di Elementor: quelle proprietà sono stili IN LINEA scritti da
   JavaScript a pagina caricata, e senza `!important` non si battono.
   =========================================================================== */
.swiper-wrapper .swiper-slide.wow,
.swiper-wrapper .swiper-slide.animated {
	animation: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Il rimando in fondo a «News and Events» della scheda professionista. Dal
   10/11/2026 è un bottone come «Tutte le news» in home e «Il team» su Lo studio
   (regola dei link approvata dall'utente): stesso markup del widget rt-button
   del tema, centrato, 40px sotto le schede come in home.
   Il tema dà a `.button-2` l'ocra da fermo e il blu al passaggio, cioè il
   contrario: qui si invertono, con i colori globali del kit Elementor, così se
   lo studio cambia il blu o l'ocra del sito il bottone li segue. */
.lgv-news-tutte-riga {
	margin: 40px 0 0;
	text-align: center;
}
.lgv-news-tutte-riga .rt-button .btn {
	height: 50px;
}
.lgv-news-tutte-riga .rt-button .button-2,
.lgv-news-tutte-riga .rt-button .button-2 i {
	color: #fff;
}
.lgv-news-tutte-riga .rt-button .button-2 i {
	font-size: 14px;
}
.lgv-news-tutte-riga .rt-button .button-2::before {
	background-color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
}
.lgv-news-tutte-riga .rt-button .button-2::after {
	background-color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
}
.lgv-news-tutte-riga .rt-button .button-2:hover,
.lgv-news-tutte-riga .rt-button .button-2:hover i {
	color: #000;
}

/* ---------------------------------------------------------------------------
   HOME — la fascia degli articoli (widget rt-post-slider)

   ⚠️ Il carosello centra le slide verticalmente (`align-items: center` sulla
   `.swiper-wrapper`): con titoli di lunghezza diversa le schede restavano
   sfalsate e alte in modo diverso. Qui si distendono tutte alla stessa
   altezza, come le schede della fascia «Related news».
   --------------------------------------------------------------------------- */
/* ⚠️⚠️ Tre classi e non due: il tema centra le slide con
   `.rt-swiper-slider .swiper-wrapper` (0-2-0) e il suo foglio si carica DOPO
   il nostro, quindi a parità di specificità vinceva lui. */
.rt-el-post-wrapper .rt-swiper-slider .swiper-wrapper {
	align-items: stretch;
}
.rt-el-post-wrapper .rt-swiper-slider .swiper-slide {
	height: auto;
}
.rt-el-post-wrapper .swiper-slide > .article-inner-wrapper,
.rt-el-post-wrapper .finwave-post-card > .article-inner-wrapper {
	height: 100%;
}

/* La riga della data va in fondo alla scheda, così le date stanno tutte sulla
   stessa linea anche quando i titoli occupano un numero di righe diverso — è
   la stessa ricetta della fascia «Related news». */
.rt-el-post-wrapper .entry-header .rt-post-meta {
	margin-top: auto;
}

/* Il rimando all'elenco dal 10/11/2026 è un widget bottone in Elementor, sotto
   il carosello (prima era un link aggiunto da inc/home-news.php). */

/* Card degli articoli cliccabili per intero, ovunque il tema le usi (carosello
   della home, pagine News e Blog, archivi, articoli correlati). Il link del
   titolo si allarga su tutta la card con un velo trasparente; il contenitore è
   .article-inner-wrapper, che il tema ha già in position: relative. La
   categoria resta sopra il velo e porta ancora al suo archivio. (10/11/2026) */
.finwave-post-card .article-inner-wrapper .entry-title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.finwave-post-card .article-inner-wrapper .category-links a {
	position: relative;
	z-index: 2;
}

/* ---------------------------------------------------------------------------
   ICONE SOCIAL — LinkedIn

   ⚠️ Due regole si contendono il passaggio del mouse: quella di Elementor
   (`.rt-social-item a:hover{color:…}`, senza sfondo) e quella del tema
   (`.rt-social-icon .rt-social-item a:hover{background-color:…}`). Valgono
   uguale e a decidere è l'ordine dei fogli, che è fragile: qui si dice una
   volta per tutte come devono venire, e in due punti diversi perché i due
   posti hanno fondi diversi.
   --------------------------------------------------------------------------- */

/* NELLE TESTATE — dal 26/10/2026 l'icona sta in un quadratino bianco in tutte
   e tre le testate: il passaggio del mouse è in «TESTATA DA COMPUTER», più
   giù. (Qui c'era la regola per l'icona senza fondo, che toglieva lo sfondo
   al passaggio e col quadratino lo faceva sparire.) */

/* NELLA PAGINA CONTATTI — il quadratino è blu pieno, angoli 9px come in testata
   (elemento 307e7f7, dal 26/10/2026; prima era tondo): l'icona
   dentro va BIANCA, non ambra, se no su quel blu si legge appena. Al
   passaggio si scambiano: fondo ambra e icona blu. */
/* ⚠️⚠️ Qui l'`!important` ci vuole, e non è pigrizia: su questa icona si
   accavallano tre regole — il tema, Elementor col suo selettore lungo
   (`.elementor-39 .elementor-element.elementor-element-307e7f7 …`, che vale
   0-5-1) e la nostra. Per batterla di specificità servirebbe copiare la
   catena di Elementor, che si spezza al primo salvataggio della pagina dal
   costruttore. Meglio una regola corta e dichiarata. */
.elementor-element-307e7f7 .rt-social-item a {
	color: #FFFFFF !important;
}
.elementor-element-307e7f7 .rt-social-item a:hover,
.elementor-element-307e7f7 .rt-social-item a:focus {
	background-color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700)) !important;
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92)) !important;
}

/* ---------------------------------------------------------------------------
   SCHEDE «info box» affiancate (home: What we know / What we do / Who we serve)

   ⚠️ Le colonne erano già alte uguale — è la griglia di Elementor a farlo — ma
   il riquadro bianco dentro si fermava al suo contenuto: con testi di lunghezza
   diversa restavano tre schede di tre altezze, e la decoratura ambra in basso a
   destra finiva a tre quote diverse. Basta far arrivare in fondo la catena
   contenitore → riquadro.
   --------------------------------------------------------------------------- */
.elementor-widget-rt-info-box > .elementor-widget-container,
.elementor-widget-rt-info-box .rt-info-box,
.elementor-widget-rt-info-box .info-box {
	height: 100%;
}

/* ---------------------------------------------------------------------------
   BOTTONI — un solo effetto al passaggio (22/10/2026)

   Lo studio voleva lo stesso hover su tutti i bottoni. Si è preso quello dei
   bottoni del tema (`.rt-button .btn`, finwave style.css): il colore nuovo
   scende dall'alto con un piccolo rimbalzo. Ce l'avevano già il bottone in
   testata, «About us», «Meet the team», «Request a consultation»; gli altri
   cambiavano colore in dissolvenza. Stessi tempi del tema: entra in 0,5s con
   la curva elastica, esce in 0,52s.

   Qui sta il bottone del modulo contatti. Gli altri due che mancavano hanno
   la regola accanto al loro stile: «Show all awards» in
   assets/riconoscimenti.css, le frecce del carosello dei riconoscimenti nel
   plugin lgv-recognition-slider.

   ⚠️ Il colore in hover lo porta il riempimento, non il pannello: nel widget
   del modulo (Contatti, elemento b9b8a48) lo sfondo in hover è vuoto apposta.
   Se lo si rimette, il riempimento ci scende sopra e lo copre.
   Dal 10/11/2026 il bottone è blu da fermo (dal widget) e il riempimento è
   l'ocra globale del kit, come «Il team» (regola dei bottoni approvata
   dall'utente); prima era ocra da fermo e blu in hover.
   --------------------------------------------------------------------------- */
.fluentform .ff-btn-submit {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.fluentform .ff-btn-submit::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
	/* 2px oltre il bordo: con un'altezza frazionaria (52,39px) a -100% restava
	   un filo blu in cima al bottone a riposo (03/11/2026). */
	transform: translate3d(0, calc(-100% - 2px), 0);
	transition: transform 520ms ease;
}
.fluentform .ff-btn-submit:hover::after,
.fluentform .ff-btn-submit:focus-visible::after {
	transform: translate3d(0, 0, 0);
	transition: transform .5s cubic-bezier(.52, 1.64, .37, .66);
}

/* =============================================================================
   SCHEDE AREA DI ATTIVITÀ E SETTORE — su telefono e tablet prima il testo (22/10/2026)

   Le schede (Antitrust, Agritech…) hanno l'elenco di tutte le aree o di tutti i
   settori nella colonna a sinistra. Il tema la mette prima del contenuto con
   `.layout-left-sidebar #sidebar { order: -1 }` (finwave style.css), a ogni
   larghezza. Sul desktop va bene, è la colonna di sinistra; sotto i 1200px le
   colonne si impilano e l'elenco (20-30 voci, 1500-2200px) finiva sopra il
   testo: per leggere la scheda bisognava scorrere tutto l'elenco.

   Qui l'elenco torna dopo il contenuto. Il tema gli dava 60px sotto per
   staccarlo dal testo che seguiva; ora il testo sta sopra, quindi i 60px vanno
   sopra.
   ============================================================================= */
@media (max-width: 1199px) {
	/* Il .row in più serve a vincere la regola del tema, che a parità di peso
	   arriva dopo (finwave-main-css si carica dopo questo foglio). Order 1 e non
	   0: nelle schede Settore (single-industry.php) l'elenco è anche il primo
	   nell'HTML. */
	.content-area .row > #sidebar {
		order: 1;
		padding-top: 60px;
		padding-bottom: 0;
	}
}

/* =============================================================================
   ELENCO PUNTATO DEL TITOLO — «Some highlights of our expertise» (22/10/2026)

   Lo studio vuole ogni voce su due righe, con la seconda riga allineata al
   testo e non sotto l'icona. Il tema metteva icona e testo uno dopo l'altro
   in riga, quindi andando a capo il testo ripartiva dal bordo sinistro.

   Qui icona e testo stanno in due colonne. Il testo è in <div class="feature-text">
   grazie alla copia del modello in finwave-core/elementor/title/view-1.php,
   che ammette anche il <br>: dove va a capo ogni voce lo decide il <br> scritto
   nel testo in Elementor. Una larghezza sola non bastava: «Pioneers in
   tackling digital piracy» sta su una riga dove le altre ne prendono due.

   Le due colonne dell'elenco passano da float a griglia, così le voci della
   stessa fila partono alla stessa altezza.
   ============================================================================= */
.section-title-wrapper ul.feature-list li {
	display: flex;
	align-items: flex-start;
}
.section-title-wrapper ul.feature-list li .icon {
	flex: none;
	/* centrata sulla prima riga (icona 24px) */
	margin-top: calc((1lh - 24px) / 2);
}
.section-title-wrapper ul.feature-list li .feature-text {
	min-width: 0;
}
@media (min-width: 768px) {
	.section-title-wrapper ul.feature-list.two-column {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 24px;
	}
	/* body davanti: stesso selettore del tema, che si carica dopo e vincerebbe */
	body .section-title-wrapper ul.feature-list.two-column li {
		width: auto;
		float: none;
	}
}
/* Fra 1200 e 1299px le due colonne stanno accanto alla foto e sono strette:
   a 17px «Leaders in software enforcement» e altre due voci andavano su tre
   righe. A 15px restano su due. Sotto i 1200 la foto va sotto e c'è spazio. */
@media (min-width: 1200px) and (max-width: 1299px) {
	body .section-title-wrapper ul.feature-list.two-column li {
		font-size: 15px;
	}
}

/* =============================================================================
   PAGINA INDUSTRIES (11294) — voce aperta senza tacche (22/10/2026)

   Il titolo della voce ha i quattro angoli arrotondati (8px, dal pannello
   dell'accordion) e il testo che si apre sotto ha arrotondati solo quelli in
   basso. Aperta la voce, fra i due restavano due tacche color crema ai lati,
   all'altezza della giuntura: la «leggera sbordatura». Da aperta, il titolo
   perde gli angoli in basso e titolo e testo diventano una scheda sola.
   ============================================================================= */
body.page-id-11294 .elementor-widget-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* Il colore del titolo lo decide il pannello dell'accordion (blu del marchio,
   come i titoli delle schede di Expertise), ma il titolo è un h3 e la regola
   del tema per gli h3 lo ridipingeva nel blu scuro dei titoli. Qui eredita il
   colore che il pannello dà alla riga, compresi passaggio e voce aperta. */
body.page-id-11294 .elementor-widget-n-accordion .e-n-accordion-item-title-text {
	color: inherit;
}

/* =============================================================================
   MENU A SCOMPARSA (telefono) — blu del marchio (22/10/2026)

   Il pannello che si apre dall'hamburger era bianco, con voci nere in
   grassetto: un'altra cosa rispetto alla barra blu da cui si apre. Ora ne è la
   continuazione: fondo blu (dal primario al secondario), logo in negativo,
   voci nel Bodoni dei titoli separate da un filetto, la pagina corrente in
   ambra con un trattino. "Contact Info" diventa un'etichetta piccola in
   maiuscoletto, come gli occhielli delle sezioni.

   "body" davanti: lo style.css del tema si carica dopo questo file e a parità
   di selettore vincerebbe. Colori e caratteri vengono dalle variabili del
   Customizer (--rt-*), quindi seguono eventuali cambi fatti lì.
   ============================================================================= */
body .finwave-offcanvas-drawer {
	height: 100vh;
	height: 100dvh; /* senza, su telefono il fondo del pannello finisce sotto la barra del browser */
	padding: 32px 32px 36px;
	row-gap: 40px;
	background: linear-gradient(165deg, var(--rt-primary-color) 0%, var(--rt-secondary-color) 100%);
	color: rgba(255, 255, 255, .8);
}
body .finwave-body-overlay {
	background: rgba(var(--rt-title-rgb), .55);
}

/* Chiusura: cerchio sottile al posto del bollo blu, che sul blu spariva */
body .finwave-offcanvas-drawer .offcanvas-logo .trigger-icon {
	width: 44px;
	height: 44px;
	color: #fff;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .35);
	transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}
body .finwave-offcanvas-drawer .offcanvas-logo .trigger-icon:hover {
	color: var(--rt-secondary-color);
	background: var(--rt-tertiary-color);
	border-color: var(--rt-tertiary-color);
}

/* Voci */
body .finwave-offcanvas-drawer .offcanvas-navigation ul.menu > li {
	border-bottom: 1px solid rgba(255, 255, 255, .14);
}
body .finwave-offcanvas-drawer .offcanvas-navigation ul.menu > li:first-child {
	border-top: 1px solid rgba(255, 255, 255, .14);
}
body .finwave-offcanvas-drawer nav ul li a {
	padding: 13px 40px 13px 0;
	font-family: var(--rt-heading-font);
	font-size: 23px;
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
	transition: color .3s ease, transform .3s ease;
}
body .finwave-offcanvas-drawer nav ul li a:hover {
	color: var(--rt-tertiary-color);
	transform: translateX(6px);
}
body .finwave-offcanvas-drawer nav ul li.current-menu-item > a,
body .finwave-offcanvas-drawer nav ul li.current-menu-ancestor > a,
body .finwave-offcanvas-drawer nav ul li.current_page_parent > a {
	display: flex;
	align-items: center;
	column-gap: 12px;
	color: var(--rt-tertiary-color);
}
body .finwave-offcanvas-drawer nav ul.menu > li.current-menu-item > a::before,
body .finwave-offcanvas-drawer nav ul.menu > li.current-menu-ancestor > a::before,
body .finwave-offcanvas-drawer nav ul.menu > li.current_page_parent > a::before {
	content: "";
	flex: none;
	width: 18px;
	height: 1px;
	background: currentColor;
}
body .finwave-offcanvas-drawer nav ul li a:focus-visible {
	outline: 2px solid var(--rt-tertiary-color);
	outline-offset: 2px;
}
/* Sottovoci (oggi non ce ne sono, ma il tema le prevede) */
body .finwave-offcanvas-drawer nav ul li ul a {
	font-family: var(--rt-body-font);
	font-size: 16px;
	color: rgba(255, 255, 255, .8);
}
body .finwave-offcanvas-drawer .caret {
	background-color: rgba(255, 255, 255, .12);
}
body .finwave-offcanvas-drawer .caret svg {
	fill: #fff;
}

/* All'apertura le voci entrano una dopo l'altra. I ritardi stanno solo sullo
   stato aperto, così alla chiusura escono tutte insieme col pannello. */
body .finwave-offcanvas-drawer .offcanvas-navigation ul.menu > li {
	opacity: 0;
	transform: translateX(-14px);
	transition: opacity .45s ease, transform .6s cubic-bezier(.2, .9, .3, 1);
}
body .finwave-offcanvas-drawer.is-open .offcanvas-navigation ul.menu > li {
	opacity: 1;
	transform: none;
}
body .finwave-offcanvas-drawer.is-open .offcanvas-navigation ul.menu > li:nth-child(1) { transition-delay: .15s; }
body .finwave-offcanvas-drawer.is-open .offcanvas-navigation ul.menu > li:nth-child(2) { transition-delay: .2s; }
body .finwave-offcanvas-drawer.is-open .offcanvas-navigation ul.menu > li:nth-child(3) { transition-delay: .25s; }
body .finwave-offcanvas-drawer.is-open .offcanvas-navigation ul.menu > li:nth-child(4) { transition-delay: .3s; }
body .finwave-offcanvas-drawer.is-open .offcanvas-navigation ul.menu > li:nth-child(5) { transition-delay: .35s; }
body .finwave-offcanvas-drawer.is-open .offcanvas-navigation ul.menu > li:nth-child(6) { transition-delay: .4s; }
body .finwave-offcanvas-drawer.is-open .offcanvas-navigation ul.menu > li:nth-child(7) { transition-delay: .45s; }
body .finwave-offcanvas-drawer.is-open .offcanvas-navigation ul.menu > li:nth-child(n+8) { transition-delay: .5s; }
@media (prefers-reduced-motion: reduce) {
	body .finwave-offcanvas-drawer .offcanvas-navigation ul.menu > li {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Contatti */
body .finwave-offcanvas-drawer .offcanvas-address label {
	margin-bottom: 16px;
	font-family: var(--rt-body-font);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--rt-tertiary-color);
}
body .finwave-offcanvas-drawer .offcanvas-address .offcanvas-info li {
	column-gap: 12px;
	font-size: 15px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .82);
	/* L'a capo scritto nel campo Customizer → Contact → Address resta a capo
	   (13/11/2026: lo studio voleva «20122 Milano» sulla riga sotto la via). */
	white-space: pre-line;
}
body .finwave-offcanvas-drawer .offcanvas-address .offcanvas-info i {
	color: var(--rt-tertiary-color);
}
body .finwave-offcanvas-drawer .offcanvas-address .offcanvas-info a {
	color: rgba(255, 255, 255, .82);
	transition: color .3s ease;
}
body .finwave-offcanvas-drawer .offcanvas-address .offcanvas-info a:hover {
	color: var(--rt-tertiary-color);
}
body .finwave-offcanvas-drawer .offcanvas-address .offcanvas-social-icon a {
	border-color: rgba(255, 255, 255, .35);
	transition: background-color .3s ease, border-color .3s ease;
}
body .finwave-offcanvas-drawer .offcanvas-address .offcanvas-social-icon a svg {
	fill: #fff;
}
body .finwave-offcanvas-drawer .offcanvas-address .offcanvas-social-icon a:hover {
	background: var(--rt-tertiary-color);
	border-color: var(--rt-tertiary-color);
}
body .finwave-offcanvas-drawer .offcanvas-address .offcanvas-social-icon a:hover svg {
	fill: var(--rt-secondary-color);
}

/* =============================================================================
   GRIGLIA NEWS (widget rt-post, pagina News) — ultima riga a sinistra (22/10/2026)

   Il widget scrive la riga con "justify-content-center" fisso nel codice
   (finwave-core, Post.php, non sovrascrivibile da template): quando l'ultima
   pagina non riempie la riga, la scheda rimasta finiva in mezzo invece che
   sotto la prima colonna. Bootstrap mette !important su quella classe, quindi
   serve anche qui; il selettore più lungo fa il resto.
   ============================================================================= */
.rt-el-post-wrapper > .row.justify-content-center {
	justify-content: flex-start !important;
}

/* =============================================================================
   TESTATA DA COMPUTER — allineamento e passaggio del mouse (26/10/2026)

   Vale per le tre testate, che dal 26/10/2026 hanno la stessa barra (quella
   rifatta in home, copiata nelle altre due tenendo gli ID di ciascuna):
                          home 9859   pagine 9530   professionista 9896
     colonna logo         d9cf89a     b36a5d4       89d3ad9
     colonna voci+in      066df06     4175e94       e015967
     icona LinkedIn       b6f5264     1c1c58b       326b6fc
     colonna bottone      ce2201c     de44430       1a70023
   Se una testata viene ricostruita e cambia gli ID, va aggiornato qui.

   ALLINEAMENTO. Le colonne avevano larghezze in percentuale che in home
   sommavano più del 100% (15 + 69 + 24): il bottone giallo usciva dal suo
   margine e fino a 1366px toccava il bordo destro dello schermo, mentre il
   logo stava a 12px. Qui logo e bottone prendono solo lo spazio che serve,
   ciascuno a 12px dal bordo (come il testo delle pagine), e le voci si
   centrano nello spazio che resta in mezzo. Le larghezze in percentuale
   impostate nell'editor, sopra i 1024px, non contano più. Sotto i 1024px
   le voci spariscono e resta l'hamburger: lì non si tocca niente.
   ============================================================================= */
@media (min-width: 1025px) {
	/* logo */
	body .elementor-location-header .elementor-element.elementor-element-d9cf89a,
	body .elementor-location-header .elementor-element.elementor-element-b36a5d4,
	body .elementor-location-header .elementor-element.elementor-element-89d3ad9 {
		--width: auto;
		flex: none;
	}
	/* voci e LinkedIn. LinkedIn segue «Contacts» alla stessa distanza che c'è
	   fra due voci (le voci hanno già 16px di margine interno per lato),
	   invece di galleggiare in mezzo come faceva lo "space-evenly" impostato
	   sui portatili. I 16px in più a destra compensano quel margine interno,
	   che a sinistra c'è e a destra no: così logo→voci e LinkedIn→bottone
	   vengono uguali. */
	body .elementor-location-header .elementor-element.elementor-element-066df06,
	body .elementor-location-header .elementor-element.elementor-element-4175e94,
	body .elementor-location-header .elementor-element.elementor-element-e015967 {
		--width: auto;
		flex: 1 1 auto;
		min-width: 0;
		justify-content: center;
		column-gap: 20px;
		padding-right: 28px;
	}
	/* bottone — 12px anche a sinistra: in home, fino a 1366px, l'editor li
	   azzera ("padding laptop" 0) e lo spazio LinkedIn→bottone veniva più
	   corto di quello logo→voci */
	body .elementor-location-header .elementor-element.elementor-element-ce2201c,
	body .elementor-location-header .elementor-element.elementor-element-de44430,
	body .elementor-location-header .elementor-element.elementor-element-1a70023 {
		--width: auto;
		flex: none;
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* PASSAGGIO DEL MOUSE SULL'ICONA LINKEDIN. Il tema la faceva tremare
   (animazione "headShake"): via, in testata e nel menu a scomparsa. Resta
   solo il cambio di colore, sfumato. */
header .rt-social-icon .rt-social-item a,
header .rt-social-icon .rt-social-item a i {
	transition: color .3s ease, background-color .3s ease;
}
header .rt-social-icon .rt-social-item a:hover i,
body .finwave-offcanvas-drawer .offcanvas-address .offcanvas-social-icon a:hover svg {
	animation: none;
}
/* L'icona sta in un quadratino bianco: al passaggio il quadratino diventa
   ambra e l'icona resta blu, come il bottone giallo accanto. Con i colori
   del pannello l'icona diventava ambra sul bianco e si leggeva appena. Il
   selettore lungo serve a battere quello che Elementor scrive per quei
   colori. */
body header.elementor-location-header .elementor-element.elementor-element-b6f5264 .rt-social-icon .rt-social-item a:hover,
body header.elementor-location-header .elementor-element.elementor-element-b6f5264 .rt-social-icon .rt-social-item a:focus-visible,
body header.elementor-location-header .elementor-element.elementor-element-1c1c58b .rt-social-icon .rt-social-item a:hover,
body header.elementor-location-header .elementor-element.elementor-element-1c1c58b .rt-social-icon .rt-social-item a:focus-visible,
body header.elementor-location-header .elementor-element.elementor-element-326b6fc .rt-social-icon .rt-social-item a:hover,
body header.elementor-location-header .elementor-element.elementor-element-326b6fc .rt-social-icon .rt-social-item a:focus-visible {
	background-color: var(--e-global-color-accent, var(--rt-tertiary-color, #FFB700));
	color: var(--e-global-color-primary, var(--rt-primary-color, #062E92));
}

/* PROFESSIONISTI / PEOPLE, GRIGLIA DELLE SCHEDE (widget rt-team f60271d, uguale
   nelle due lingue). La riga di Bootstrap (.row.g-4) ha margini di -12px, ma il
   contenitore 7fd5d0d ha 10px di spazio interno: su tablet e telefono, dove il
   contenitore è largo quanto lo schermo, la riga usciva di 2px a destra e la
   pagina scorreva di lato. Con -10px resta dentro; le schede si stringono di
   2px per lato, lo spazio fra l'una e l'altra non cambia. (03/11/2026) */
.elementor-element-f60271d .rt-team-default > .row {
	margin-left: -10px;
	margin-right: -10px;
}

/* «Dicono di noi» (Lo studio / About us, widget b25d46a): card tutte alte uguali e
   allineate in alto, con fonte e destinatario sempre in fondo sotto una linea sottile.
   Il tema le centrava in verticale con altezze diverse: le due affiancate partivano
   a quote diverse e sul telefono restavano grandi vuoti sopra e sotto. Questo file si
   carica prima del CSS del tema, per cui servono selettori più specifici dei suoi
   (.rt-swiper-slider .swiper-wrapper { align-items: center }). (10/11/2026) */
.elementor-element-b25d46a .rt-swiper-slider .swiper-wrapper {
	align-items: stretch;
}
.elementor-element-b25d46a .rt-swiper-slider .swiper-slide {
	height: auto;
}
.elementor-element-b25d46a .rt-testimonial-slider .slider-item {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.elementor-element-b25d46a .rt-testimonial-slider .testimonial-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.elementor-element-b25d46a .rt-testimonial-slider .item-author-info {
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid rgba(6, 46, 146, .15);
}
.elementor-element-b25d46a .rt-testimonial-slider .slider-item .rt-title {
	text-wrap: balance; /* «Chambers Global e / Chambers Europe 2026», non «… Chambers / Europe 2026» */
}
/* Sotto il logo c'è «Anno: 2026» / «Year: 2026». Font e colore stanno nel widget
   (Elementor → Style → Designation Typo / Designation), così lo studio li cambia da lì;
   qui solo lo spazio per le virgolette gialle, in basso a destra all'altezza di questa riga. */
.elementor-element-b25d46a .rt-testimonial-slider .slider-item .rt-subtitle {
	padding-right: 80px;
}
/* Al posto della scritta con la fonte c'è il logo della guida (Chambers, The Legal 500,
   Managing IP), sopra il nome di chi è citato. La scritta resta nel codice, nascosta alla
   vista, così i lettori di schermo leggono ancora guida ed edizione. Il n. 16, che non
   viene da una guida, non ha logo e mostra la scritta. (10/11/2026) */
.elementor-element-b25d46a .rt-testimonial-slider .item-author-info {
	flex-direction: column;
	align-items: flex-start;
	row-gap: 10px;
}
.elementor-element-b25d46a .rt-testimonial-slider .item-author-info .testimonial-img img {
	height: 26px;
	width: auto;
	object-fit: contain; /* il logo Chambers sfiora i 170 px del widget: niente deformazioni */
	object-position: left center;
	border-radius: 0;
	cursor: default;
}
.elementor-element-b25d46a .rt-testimonial-slider .item-author-info:has(.testimonial-img) .rt-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
/* Card senza logo, senza fonte e senza anno (oggi il n. 16, su Thiem): niente linea e
   niente spazio in fondo, resta solo il testo. Il tema stampa comunque un titolo vuoto. */
.elementor-element-b25d46a .rt-testimonial-slider .item-author-info:has(.rt-title:empty):not(:has(.testimonial-img, .rt-subtitle)) {
	display: none;
}

/* Niente rimbalzo elastico in cima e in fondo alla pagina, da tablet in su (11/11/2026).
   Sul Mac, tirando la pagina oltre l'inizio, la testata Elementor scendeva col contenuto e
   lasciava vedere la testata del tema (#masthead, fissa e trasparente lì dietro): una
   fascia bianca con mezzo bottone giallo. Sotto i 768px il rimbalzo resta, perché su
   telefono serve al gesto «tira per aggiornare». */
@media (min-width: 768px) {
	html,
	body {
		overscroll-behavior-y: none;
	}
}