/* =====================================================================
   InformaImpresa – Stile unificato  v1.3.1 (bozza Claude 06/09/2026 + revisione Codex + verifica live)
   Un solo sistema per tutto il sito: Kit Elementor, Widget Elementor
   (iiel-*), Widget Contatti (ii-cw-*), Blog Page (ii-explorer / ii-card),
   Newsletter WPForms (iielnl-*), ETRE News Highlight (etre-news-*),
   WPForms e la CTA Elementor verificata nelle hero navy.
   SOLO STILE: colori, font, raggi, ombre, stati. Nessuna regola di layout.
   Riferimento visivo: card "Filtra i risultati" della pagina ricerca +
   pulsante "Area Clienti" dell'header (navy #0B2A4A, pill).
   ===================================================================== */

/* ---------- 1. TOKEN DI SISTEMA ------------------------------------ */
:root {
	/* colori */
	--iiu-navy:        #0B2A4A;   /* colore strutturale e dei pulsanti (= Area Clienti) */
	--iiu-navy-hover:  #14395F;
	/* 06/09 sera, richiesta di Fabio: anche icone, link, meta e stati secondari
	   in navy come i pulsanti. Il blu #1565D8 non è più usato: i token "blue"
	   restano per compatibilità ma puntano al navy. Per riavere il blu:
	   --iiu-blue: #1565D8; --iiu-blue-hover: #0F54BD; --iiu-blue-soft: #EAF1FD; */
	--iiu-blue:        var(--iiu-navy);
	--iiu-blue-hover:  var(--iiu-navy-hover);
	--iiu-blue-soft:   #E7ECF3;   /* tinta chiara del navy per hover di chip e icone tonde */
	--iiu-ink:         #171717;   /* titoli */
	--iiu-text:        #333A44;   /* testo corrente */
	--iiu-muted:       #596575;   /* etichette, meta (5,9:1 su bianco, scelto da Codex) */
	--iiu-border:      #E5E5E5;
	--iiu-bg:          #F6F6F4;   /* fondo pagina/sezioni chiare */
	--iiu-surface:     #FFFFFF;
	--iiu-surface-soft:#F1F2F3;

	/* pulsante primario: cambia SOLO queste due righe per passare al blu */
	--iiu-primary:       var(--iiu-navy);
	--iiu-primary-hover: var(--iiu-navy-hover);
	--iiu-on-primary:    #FFFFFF;

	/* forme */
	--iiu-r-field: 12px;
	--iiu-r-panel: 20px;
	--iiu-r-card:  24px;
	--iiu-pill:    999px;

	/* pulsanti */
	--iiu-btn-fs: 15px;
	--iiu-btn-fw: 600;

	/* effetti */
	--iiu-shadow-card:  0 1px 2px rgba(23, 23, 23, .04), 0 12px 32px rgba(11, 42, 74, .08);
	--iiu-shadow-float: 0 20px 45px rgba(11, 42, 74, .18);
	--iiu-focus:        0 0 0 2px #FFFFFF, 0 0 0 5px #0B2A4A;

	/* tipografia: una sola famiglia */
	--iiu-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- 2. PONTE VERSO I TOKEN DEI SINGOLI PLUGIN --------------- */
/* Kit Elementor (colori globali usati dai widget nativi) */
:root, .elementor-kit-7, body.elementor-kit-7 {
	--e-global-color-primary:   var(--iiu-navy);
	--e-global-color-secondary: var(--iiu-blue);
	--e-global-color-text:      var(--iiu-text);
	--e-global-color-accent:    var(--iiu-blue);      /* era corallo #FF6F61 */
	--e-global-color-backgroundAccent: var(--iiu-bg);
	--brand-blue: var(--iiu-navy);                    /* :root del tema */
	--brand-cyan: var(--iiu-navy);                    /* era #00B1EB (contrasto 2,47:1) */
	--neutral-dark: var(--iiu-text);
	--neutral-light: var(--iiu-bg);
}

/* Widget Elementor InformaImpresa (informaimpresa.css) */
:root {
	--iiel-navy:  var(--iiu-navy);
	--iiel-blue:  var(--iiu-blue);
	--iiel-ink:   var(--iiu-navy);
	--iiel-muted: var(--iiu-muted);
	--iiel-line:  var(--iiu-border);
	--iiel-radius: var(--iiu-r-card);
	--iiel-serif: var(--iiu-font);   /* era "Libre Franklin" */
	--iiel-sans:  var(--iiu-font);   /* era "Source Sans 3" */
	--iiel-heading-weight: 600;
}

/* Widget Contatti + Servizi (ii-widgets.css, token scoped) */
:root,
.ii-cw-form-wrap, .ii-cw-info-box, .ii-cw-office-card, .ii-cw-newsletter, .ii-ui,
body:not(#iiu).page-id-16 .ii-servizi {
	--iiui-bg: var(--iiu-bg);
	--iiui-surface: var(--iiu-surface);
	--iiui-surface-soft: var(--iiu-surface-soft);
	--iiui-ink: var(--iiu-ink);
	--iiui-navy: var(--iiu-navy);
	--iiui-primary: var(--iiu-blue);
	--iiui-primary-dark: var(--iiu-blue-hover);
	--iiui-primary-soft: var(--iiu-blue-soft);
	--iiui-muted: var(--iiu-muted);
	--iiui-border: var(--iiu-border);
	--iiui-radius-sm: var(--iiu-r-field);
	--iiui-radius-md: var(--iiu-r-panel);
	--iiui-radius-lg: var(--iiu-r-card);
	--iiui-radius-pill: var(--iiu-pill);
	--iiui-shadow: var(--iiu-shadow-card);
	--iiui-shadow-hover: var(--iiu-shadow-float);
	--iiui-font: var(--iiu-font);
	--ii-navy: var(--iiu-navy);
	--ii-blue: var(--iiu-blue);
	--ii-ink: var(--iiu-navy);
	--ii-muted: var(--iiu-muted);
	--ii-line: var(--iiu-border);
	--ii-radius: var(--iiu-r-card);
	--ii-radius-sm: var(--iiu-r-field);
	--ii-pill: var(--iiu-pill);
	--ii-serif: var(--iiu-font);
	--ii-sans: var(--iiu-font);
}

/* Blog Page / explorer (token scoped su .ii-explorer) */
.ii-explorer {
	--iix-bg: var(--iiu-bg);
	--iix-surface: var(--iiu-surface);
	--iix-border: var(--iiu-border);
	--iix-ink: var(--iiu-ink);             /* testo: indipendente dal colore delle azioni */
	--iix-muted: var(--iiu-muted);
	--iix-radius-card: var(--iiu-r-card);
	--iix-radius-panel: var(--iiu-r-panel);
	--iix-radius-chip: var(--iiu-pill);
	--iix-shadow: var(--iiu-shadow-card);
	--iix-shadow-hover: var(--iiu-shadow-float);
	--iix-font: var(--iiu-font);
}

/* Newsletter WPForms (token scoped su .iielnl-card) */
.iielnl-card {
	--iielnl-field-border: var(--iiu-border);
	--iielnl-field-text: var(--iiu-navy);
	--iielnl-field-radius: var(--iiu-r-field);
	--iielnl-btn-bg: var(--iiu-primary);        /* era #3B6FE0 */
	--iielnl-btn-bg-hover: var(--iiu-primary-hover);
	--iielnl-btn-text: var(--iiu-on-primary);
	--iielnl-btn-radius: var(--iiu-pill);
}

/* ---------- 3. TIPOGRAFIA: SOLO INTER ------------------------------- */
/* Verificato nel browser il 06/09/2026: il menu dell'header (@5bab96d1), il
   menu e i titoli del footer (@4399ceee, @58a86f25, @68dbab3b) sono in Poppins. */
body:not(#iiu) .elementor-nav-menu a,
body:not(#iiu) .elementor-nav-menu .elementor-item,
body:not(#iiu) .elementor-nav-menu--dropdown a,
body:not(#iiu) [data-elementor-type="footer"] .elementor-heading-title,
body:not(#iiu) [data-elementor-type="footer"] .elementor-nav-menu a,
body:not(#iiu) [data-elementor-type="footer"] .elementor-widget-text-editor,
body:not(#iiu) [data-elementor-type="footer"] p {
	font-family: var(--iiu-font) !important;
}
/* I font del Kit sono già Inter. I ponti coprono i plugin; il wrapper
   newsletter evita di imporre il font alle icone dei relativi discendenti. */
body:not(#iiu) .iielnl-card,
body:not(#iiu) .iielnl-form-wrap .wpforms-form,
body:not(#iiu) .etre-news-main-title,
body:not(#iiu) .etre-news-side-title,
body:not(#iiu) .etre-news-excerpt,
body:not(#iiu) .etre-news-date {
	font-family: var(--iiu-font) !important;
}

/* ---------- 4. PULSANTI PRIMARI: NAVY, CON VARIANTE INVERTITA -------- */
/* Solo CTA documentate. :is() mantiene la stessa specificità tra base e
   stati; include lo scope newsletter che usa !important al passaggio mouse.
   Nessuna altezza, padding o modifica dello spessore dei bordi. */
body:not(#iiu) :is(
	.iiel-search .iiel-search__submit,
	.iiel-card--icon .iiel-card__btn,
	.iiel-card__more:not(.iiel-card__more--link),
	.iiel-results__list .iiel-card__more:not(.iiel-card__more--link),
	.iiel-feat__more,
	.iiel-nl__btn,
	.iiel-svc__cta,
	.iiel-results__submit,
	.iiel-results__search button[type="submit"],
	.iiel-results__filters button[type="submit"],
	.iiel-results__apply,
	.iiel-results__empty-cta,
	.iiel-results__card .iiel-results__cta,
	.iiel-results__readmore,
	.iiel-archive__apply,
	.iiel-archive__sort noscript button,
	.ii-cw-submit-btn,
	.ii-cw-card-btn,
	.ii-cw-newsletter-btn,
	.ii-explorer__submit,
	.iielnl-form-wrap .wpforms-submit,
	.iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap .wpforms-submit,
	.ii-page-hero--navy .ii-page-hero__actions .elementor-button
) {
	background: var(--iiu-primary) !important;
	color: var(--iiu-on-primary) !important;
	border-color: var(--iiu-primary) !important;
	border-radius: var(--iiu-pill) !important;
	font-family: var(--iiu-font) !important;
	font-size: var(--iiu-btn-fs) !important;
	font-weight: var(--iiu-btn-fw) !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	filter: none !important;
}
body:not(#iiu) :is(
	.iiel-search .iiel-search__submit,
	.iiel-card--icon .iiel-card__btn,
	.iiel-card__more:not(.iiel-card__more--link),
	.iiel-results__list .iiel-card__more:not(.iiel-card__more--link),
	.iiel-feat__more,
	.iiel-nl__btn,
	.iiel-svc__cta,
	.iiel-results__submit,
	.iiel-results__search button[type="submit"],
	.iiel-results__filters button[type="submit"],
	.iiel-results__apply,
	.iiel-results__empty-cta,
	.iiel-results__card .iiel-results__cta,
	.iiel-results__readmore,
	.iiel-archive__apply,
	.iiel-archive__sort noscript button,
	.ii-cw-submit-btn,
	.ii-cw-card-btn,
	.ii-cw-newsletter-btn,
	.ii-explorer__submit,
	.iielnl-form-wrap .wpforms-submit,
	.iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap .wpforms-submit,
	.ii-page-hero--navy .ii-page-hero__actions .elementor-button
):hover:not(:disabled) {
	background: var(--iiu-primary-hover) !important;
	border-color: var(--iiu-primary-hover) !important;
	color: var(--iiu-on-primary) !important;
}
body:not(#iiu) :is(
	.iiel-search .iiel-search__submit,
	.iiel-card--icon .iiel-card__btn,
	.iiel-card__more:not(.iiel-card__more--link),
	.iiel-results__list .iiel-card__more:not(.iiel-card__more--link),
	.iiel-feat__more,
	.iiel-nl__btn,
	.iiel-svc__cta,
	.iiel-results__submit,
	.iiel-results__search button[type="submit"],
	.iiel-results__filters button[type="submit"],
	.iiel-results__apply,
	.iiel-results__empty-cta,
	.iiel-results__card .iiel-results__cta,
	.iiel-results__readmore,
	.iiel-archive__apply,
	.iiel-archive__sort noscript button,
	.ii-cw-submit-btn,
	.ii-cw-card-btn,
	.ii-cw-newsletter-btn,
	.ii-explorer__submit,
	.iielnl-form-wrap .wpforms-submit,
	.iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap .wpforms-submit,
	.ii-page-hero--navy .ii-page-hero__actions .elementor-button
):active:not(:disabled) {
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .22) !important;
}
body:not(#iiu) :is(
	.iiel-search .iiel-search__submit,
	.iiel-card--icon .iiel-card__btn,
	.iiel-card__more:not(.iiel-card__more--link),
	.iiel-results__list .iiel-card__more:not(.iiel-card__more--link),
	.iiel-feat__more,
	.iiel-nl__btn,
	.iiel-svc__cta,
	.iiel-results__submit,
	.iiel-results__search button[type="submit"],
	.iiel-results__filters button[type="submit"],
	.iiel-results__apply,
	.iiel-results__empty-cta,
	.iiel-results__card .iiel-results__cta,
	.iiel-results__readmore,
	.iiel-archive__apply,
	.iiel-archive__sort noscript button,
	.ii-cw-submit-btn,
	.ii-cw-card-btn,
	.ii-cw-newsletter-btn,
	.ii-explorer__submit,
	.iielnl-form-wrap .wpforms-submit,
	.iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap .wpforms-submit,
	.ii-page-hero--navy .ii-page-hero__actions .elementor-button
):disabled {
	opacity: .55 !important;
	filter: none !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Eccezioni locali: bianco su navy, senza invertire i form dentro card
   bianche delle hero. La newsletter Contatti conserva il box interno bianco. */
body:not(#iiu) .ii-page-hero--navy .ii-page-hero__actions .elementor-button,
body:not(#iiu) .iiel-nl__btn {
	--iiu-primary: var(--iiu-surface);
	--iiu-primary-hover: #EEF2F7;
	--iiu-on-primary: var(--iiu-navy);
}

/* Cambio vista: l'hover non deve cancellare lo stato selezionato. */
body:not(#iiu) :is(.iiel-viewswitch__btn, .ii-explorer__view-btn) {
	border-radius: var(--iiu-pill) !important;
	color: var(--iiu-muted) !important;
}
body:not(#iiu) :is(.iiel-viewswitch__btn, .ii-explorer__view-btn):not(.is-active):hover {
	background: var(--iiu-blue-soft) !important;
	color: var(--iiu-blue) !important;
}
body:not(#iiu) :is(.iiel-viewswitch__btn, .ii-explorer__view-btn).is-active {
	background: var(--iiu-blue) !important;
	color: var(--iiu-on-primary) !important;
}

/* Link testuali: separati dalle CTA piene, anche nelle liste risultati. */
body:not(#iiu) .iiel-card__more--link,
body:not(#iiu) .iiel-results__list .iiel-card__more--link,
body:not(#iiu) .iiel-services__link,
body:not(#iiu) .etre-news-read-more {
	color: var(--iiu-blue) !important;
	font-family: var(--iiu-font) !important;
	font-weight: 600 !important;
}
body:not(#iiu) .iiel-card__more--link,
body:not(#iiu) .iiel-results__list .iiel-card__more--link {
	background: transparent !important;
}
body:not(#iiu) .iiel-card__more--link:hover,
body:not(#iiu) .iiel-results__list .iiel-card__more--link:hover,
body:not(#iiu) .iiel-services__link:hover,
body:not(#iiu) .etre-news-read-more:hover {
	color: var(--iiu-navy) !important;
	opacity: 1 !important;
	text-decoration: underline;
}

/* ---------- 5. CHIP / FILTRI ---------------------------------------- */
body:not(#iiu) .iiel-archive__topic,
body:not(#iiu) .iiel-results__chip,
body:not(#iiu) .iiel-search .iiel-quick a,
body:not(#iiu) .ii-filter__chip,
body:not(#iiu) .ii-card__badge {
	font-family: var(--iiu-font) !important;
	border-radius: var(--iiu-pill) !important;
	background: var(--iiu-surface) !important;
	border-color: var(--iiu-border) !important;
	color: var(--iiu-navy) !important;
	font-weight: 500 !important;
}
body:not(#iiu) .iiel-archive__topic:hover,
body:not(#iiu) .iiel-results__chip:hover,
body:not(#iiu) .iiel-search .iiel-quick a:hover,
body:not(#iiu) .ii-filter__chip:hover {
	border-color: var(--iiu-blue) !important;
	color: var(--iiu-blue) !important;
	background: var(--iiu-blue-soft) !important;
}
body:not(#iiu) .iiel-archive__topic.is-active,
body:not(#iiu) .iiel-results__chip.is-active,
body:not(#iiu) .ii-filter__chip.is-active {
	background: var(--iiu-blue) !important;
	border-color: var(--iiu-blue) !important;
	color: var(--iiu-on-primary) !important;
}
body:not(#iiu) .ii-filter__chip-count { opacity: .75; }

/* Etichette categoria / badge sulle card */
body:not(#iiu) .iiel-card__badge,
body:not(#iiu) .iiel-feat__tag,
body:not(#iiu) .etre-news-badge {
	background: var(--iiu-navy) !important;
	color: #FFFFFF !important;
	border-radius: var(--iiu-pill) !important;
	font-family: var(--iiu-font) !important;
}
body:not(#iiu) .iiel-card--icon .iiel-card__catlabel,
body:not(#iiu) .iiel-results__cat,
body:not(#iiu) .ii-card__meta-cat {
	color: var(--iiu-blue) !important;
	font-family: var(--iiu-font) !important;
}

/* Paginazione: selezione blu; ellissi e disabilitati restano distinti. */
body:not(#iiu) .iiel-results__pagination a,
body:not(#iiu) .iiel-results__pagination span:not(.iiel-results__pagination-ellipsis) {
	border-color: var(--iiu-border);
	border-radius: var(--iiu-pill);
}
body:not(#iiu) .iiel-results__pagination .is-active {
	background-color: var(--iiu-blue);
	border-color: var(--iiu-blue);
	color: #FFFFFF;
}

/* ---------- 6. CAMPI: COLORI E RAGGI, MISURE ORIGINALI -------------- */
/* Evita checkbox, radio, hidden e campi in errore; background-color
   conserva frecce native e immagini di sfondo dei select. */
body:not(#iiu) :is(
	.iiel-search__field,
	.iiel-search__dates input,
	.iiel-results__filters select,
	.iiel-results__filters input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
	.iiel-results__dates input,
	.iiel-archive__sort select,
	.iiel-nl__row input[type="email"],
	.ii-cw-field,
	.ii-cw-newsletter-input,
	.ii-filter__field input,
	.ii-filter__field select,
	.ii-explorer__sort,
	.iielnl-form-wrap input[type="text"],
	.iielnl-form-wrap input[type="email"],
	.iielnl-form-wrap input[type="tel"]
):not(.wpforms-error):not([aria-invalid="true"]) {
	font-family: var(--iiu-font) !important;
	color: var(--iiu-text) !important;
	background-color: var(--iiu-surface) !important;
	border-color: var(--iiu-border) !important;
	border-radius: var(--iiu-r-field) !important;
}

/* Il bordo attivo resta blu; non sostituisce il bordo degli errori. */
body:not(#iiu) :is(
	.iiel-search__field,
	.iiel-search__dates input,
	.iiel-results__filters select,
	.iiel-results__filters input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
	.iiel-results__dates input,
	.iiel-archive__sort select,
	.iiel-nl__row input[type="email"],
	.ii-cw-field,
	.ii-cw-newsletter-input,
	.ii-filter__field input,
	.ii-filter__field select,
	.ii-explorer__sort,
	.iielnl-form-wrap input[type="text"],
	.iielnl-form-wrap input[type="email"],
	.iielnl-form-wrap input[type="tel"]
):not(.wpforms-error):not([aria-invalid="true"]):focus,
body:not(#iiu) .ii-explorer__search-input:not(.wpforms-error):not([aria-invalid="true"]):focus {
	border-color: var(--iiu-blue) !important;
}

/* Barre già composte da contenitore e input: non aggiungere un secondo bordo. */
body:not(#iiu) .iiel-results__search,
body:not(#iiu) .iiel-archive__herobar,
body:not(#iiu) .ii-explorer__search-input {
	border-radius: var(--iiu-pill) !important;
	background-color: var(--iiu-surface) !important;
	border-color: var(--iiu-border) !important;
	color: var(--iiu-text) !important;
}
body:not(#iiu) .iiel-results__search input,
body:not(#iiu) .iiel-archive__herobar-search input,
body:not(#iiu) .iiel-archive__herobar-field select {
	font-family: var(--iiu-font) !important;
	color: var(--iiu-text) !important;
}
body:not(#iiu) .iiel-results__label,
body:not(#iiu) .iiel-results__dates label,
body:not(#iiu) .iiel-quick__label,
body:not(#iiu) .ii-cw-field-group label,
body:not(#iiu) .ii-filter__label,
body:not(#iiu) .iiel-search__dates label,
body:not(#iiu) .iielnl-form-wrap .wpforms-field-label {
	font-family: var(--iiu-font) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--iiu-muted) !important;
	text-transform: none !important;
}
body:not(#iiu) .ii-cw-checkbox-label input[type="checkbox"],
body:not(#iiu) .iielnl-form-wrap input[type="checkbox"],
body:not(#iiu) .iiel-nl__consent input {
	accent-color: var(--iiu-blue);
}
body:not(#iiu) .iielnl-form-wrap .wpforms-field-checkbox label,
body:not(#iiu) .iielnl-form-wrap .wpforms-field-description {
	color: var(--iiu-text) !important;
	font-family: var(--iiu-font) !important;
}
body:not(#iiu) .iielnl-form-wrap input::placeholder,
body:not(#iiu) .ii-cw-field::placeholder,
body:not(#iiu) .ii-cw-newsletter-input::placeholder,
body:not(#iiu) .ii-explorer__search-input::placeholder,
body:not(#iiu) .iiel-search__field::placeholder {
	color: var(--iiu-muted) !important;
	opacity: 1;
}

/* ---------- 7. CARD E PANNELLI -------------------------------------- */
body:not(#iiu) .iiel-search,
body:not(#iiu) .iiel-results__filters,
body:not(#iiu) .ii-cw-form-wrap,
body:not(#iiu) .ii-cw-info-box,
body:not(#iiu) .ii-cw-office-card,
body:not(#iiu) .iielnl-card {
	background: var(--iiu-surface) !important;
	border-color: var(--iiu-border) !important;
	border-radius: var(--iiu-r-card) !important;
	box-shadow: var(--iiu-shadow-float) !important;
}
body:not(#iiu) .iiel-card,
body:not(#iiu) .iiel-catgrid__item,
body:not(#iiu) .ii-card,
body:not(#iiu) .etre-news-main-card,
body:not(#iiu) .etre-news-side-card,
body:not(#iiu) .ii-filter {
	background: var(--iiu-surface) !important;
	border-color: var(--iiu-border) !important;
	border-radius: var(--iiu-r-card) !important;
	box-shadow: var(--iiu-shadow-card) !important;
}
body:not(#iiu) .iiel-card:hover,
body:not(#iiu) .iiel-catgrid__item:hover,
body:not(#iiu) .ii-card:hover,
body:not(#iiu) .etre-news-main-card:hover,
body:not(#iiu) .etre-news-side-card:hover {
	box-shadow: 0 10px 30px rgba(11, 42, 74, .12) !important;
}
body:not(#iiu) .etre-news-main-image,
body:not(#iiu) .etre-news-side-image,
body:not(#iiu) .iiel-card__media,
body:not(#iiu) .ii-card__image {
	background: var(--iiu-surface-soft) !important;
}
/* titoli e testi dentro le card: navy → hover blu */
body:not(#iiu) .iiel-card__title a,
body:not(#iiu) .iiel-feat__title a,
body:not(#iiu) .ii-card__title a,
body:not(#iiu) .etre-news-main-title a,
body:not(#iiu) .etre-news-side-title a,
body:not(#iiu) .ii-cw-card-title,
body:not(#iiu) .ii-cw-info-title,
body:not(#iiu) .iiel-svc__title,
body:not(#iiu) .iiel-search__title,
body:not(#iiu) .iielnl-title {
	color: var(--iiu-navy) !important;
}
body:not(#iiu) .iiel-card__title a:hover,
body:not(#iiu) .ii-card__title a:hover,
body:not(#iiu) .etre-news-main-title a:hover,
body:not(#iiu) .etre-news-side-title a:hover {
	color: var(--iiu-blue) !important;
	opacity: 1 !important;
}
body:not(#iiu) .iiel-card__excerpt,
body:not(#iiu) .ii-card__excerpt,
body:not(#iiu) .etre-news-excerpt,
body:not(#iiu) .ii-cw-card-desc,
body:not(#iiu) .iiel-svc__text {
	color: var(--iiu-text) !important;
}
body:not(#iiu) .iiel-card__meta,
body:not(#iiu) .ii-card__meta,
body:not(#iiu) .etre-news-date {
	color: var(--iiu-muted) !important;
}
body:not(#iiu) .iiel-search__title i,
body:not(#iiu) .ii-cw-info-icon,
body:not(#iiu) .ii-cw-card-icon,
body:not(#iiu) .iielnl-icon,
body:not(#iiu) .iiel-archive__herobar-search i {
	color: var(--iiu-blue) !important;
}
body:not(#iiu) .iielnl-icon { background: var(--iiu-blue-soft) !important; }
body:not(#iiu) .ii-cw-card-email, body:not(#iiu) .ii-cw-card-phone, body:not(#iiu) .ii-cw-info-text a:hover { color: var(--iiu-blue) !important; }

/* Hero navy (ricerca / archivio / pagine interne): stesso navy, stesso pattern */
body:not(#iiu) .iiel-results__hero,
body:not(#iiu) .iiel-archive__hero,
body:not(#iiu) .ii-page-hero--navy {
	background-color: var(--iiu-navy) !important;
}

/* Newsletter Contatti: testo bianco su navy, box del form bianco. */
body:not(#iiu) .ii-cw-newsletter {
	background-color: var(--iiu-navy) !important;
	border-radius: var(--iiu-r-card);
}
body:not(#iiu) .ii-cw-newsletter-box {
	background-color: var(--iiu-surface);
	border-radius: var(--iiu-r-panel);
}

/* ---------- 8. ELEMENTOR E FOCUS ----------------------------------- */
/* Il Kit viene allineato nella sezione 2. CSS generati di header/footer,
   Single Post, share e social non forniti: nessun override presunto.
   Le CTA Elementor documentate nelle hero sono coperte dalla sezione 4. */

/* Indicatore bicolore visibile su superfici bianche e navy. Lo scope
   newsletter pareggia e supera il selettore glow originale; l'outline
   resta visibile anche se un errore modifica l'ombra del campo. */
body:not(#iiu) :is(.iiel-hero, .iiel-results__hero, .iiel-results__body,
	.iiel-archive__hero, .iiel-archive__body, .iiel-archive__topicswrap, .ii-explorer,
	.ii-ui, .ii-cw-form-wrap, .ii-cw-info-box, .ii-cw-office-card,
	.ii-cw-newsletter, .iielnl-card, .iiel-card, .iiel-search, .iiel-feat,
	.iiel-nl, .iiel-svc, .etre-news-highlight, .ii-page-hero)
	:is(a, button, input, select, textarea):focus-visible,
body:not(#iiu) .iielnl-card.iielnl-glow .iielnl-form-wrap input:focus-visible {
	outline: 2px solid var(--iiu-navy) !important;
	outline-offset: 5px;
	box-shadow: var(--iiu-focus) !important;
}
body:not(#iiu) :is(
	.iiel-search .iiel-search__submit,
	.iiel-card--icon .iiel-card__btn,
	.iiel-card__more:not(.iiel-card__more--link),
	.iiel-results__list .iiel-card__more:not(.iiel-card__more--link),
	.iiel-feat__more,
	.iiel-nl__btn,
	.iiel-svc__cta,
	.iiel-results__submit,
	.iiel-results__search button[type="submit"],
	.iiel-results__filters button[type="submit"],
	.iiel-results__apply,
	.iiel-results__empty-cta,
	.iiel-results__card .iiel-results__cta,
	.iiel-results__readmore,
	.iiel-archive__apply,
	.iiel-archive__sort noscript button,
	.ii-cw-submit-btn,
	.ii-cw-card-btn,
	.ii-cw-newsletter-btn,
	.ii-explorer__submit,
	.iielnl-form-wrap .wpforms-submit,
	.iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap button[type="submit"],
	.iielnl-card.iielnl-btn-hover .iielnl-form-wrap .wpforms-submit,
	.ii-page-hero--navy .ii-page-hero__actions .elementor-button
):focus-visible {
	outline: 2px solid var(--iiu-navy) !important;
	outline-offset: 5px;
	box-shadow: var(--iiu-focus) !important;
}

/* ---------- 8. MISURE UNIFORMI (opzionale: cancella il blocco se vuoi
   lasciare le altezze originali) ------------------------------------- */
/* Il riferimento "Filtra i risultati" ha campi da 46 px e pulsante pill da
   46 px. Prima: Cerca 52, card 43, newsletter 41, contatti 44. */
body:not(#iiu) :is(
	.iiel-search .iiel-search__submit,
	.iiel-card--icon .iiel-card__btn,
	.iiel-feat__more,
	.iiel-svc__cta,
	.iiel-results__submit,
	.iiel-results__search button[type="submit"],
	.iiel-results__filters button[type="submit"],
	.iiel-results__apply,
	.iiel-results__empty-cta,
	.iiel-archive__apply,
	.ii-cw-submit-btn,
	.ii-cw-card-btn,
	.ii-cw-newsletter-btn,
	.ii-explorer__submit,
	.iielnl-form-wrap .wpforms-submit,
	.elementor-button
) {
	min-height: 46px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.2 !important;
	/* centraggio del testo: i link "Leggi la notizia" e simili sono inline-block
	   e con l'altezza fissa lascerebbero la scritta in alto (visto dal vivo) */
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px;
	text-align: center !important;
	vertical-align: middle;
}
body:not(#iiu) :is(
	.iiel-search__field,
	.iiel-search__dates input,
	.iiel-results__filters select,
	.iiel-results__filters input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
	.iiel-results__dates input,
	.ii-cw-field:not(textarea),
	.ii-cw-newsletter-input,
	.ii-filter__field input,
	.ii-filter__field select,
	.iielnl-form-wrap input[type="text"],
	.iielnl-form-wrap input[type="email"],
	.iielnl-form-wrap input[type="tel"]
) {
	min-height: 46px !important;
}

/* ---------- 9. PULSANTI ELEMENTOR NATIVI ----------------------------- */
/* Fabio: "tutti i pulsanti del colore di Area Clienti". Codex aveva tolto
   l'override globale per prudenza; qui è reintrodotto con la variante
   invertita (bianco su navy) per le hero navy, verificata live su
   Blog/Servizi/Contatti ("Esplora le notizie"). */
body:not(#iiu) .elementor-button,
body:not(#iiu) a.elementor-button,
body:not(#iiu) button.elementor-button {
	background: var(--iiu-primary) !important;
	background-image: none !important;
	color: var(--iiu-on-primary) !important;
	border-color: var(--iiu-primary) !important;
	border-radius: var(--iiu-pill) !important;
	font-family: var(--iiu-font) !important;
	font-size: var(--iiu-btn-fs) !important;
	font-weight: var(--iiu-btn-fw) !important;
	text-transform: none !important;
	box-shadow: none !important;
	filter: none !important;
}
body:not(#iiu) .elementor-button:hover {
	background: var(--iiu-primary-hover) !important;
	border-color: var(--iiu-primary-hover) !important;
	color: var(--iiu-on-primary) !important;
	filter: none !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(11, 42, 74, .18) !important;
}
body:not(#iiu) .ii-page-hero--navy .elementor-button,
body:not(#iiu) .iiel-results__hero .elementor-button,
body:not(#iiu) .iiel-archive__hero .elementor-button,
body:not(#iiu) .ii-servizi__support .elementor-button {
	--iiu-primary: var(--iiu-surface);
	--iiu-primary-hover: #EEF2F7;
	--iiu-on-primary: var(--iiu-navy);
}
/* Share dell'articolo: erano quadrati nei colori dei social */
body:not(#iiu) .elementor-share-btn {
	background-color: var(--iiu-primary) !important;
	border-radius: var(--iiu-pill) !important;
	color: #FFFFFF !important;
}
body:not(#iiu) .elementor-share-btn:hover { background-color: var(--iiu-primary-hover) !important; }
body:not(#iiu) .elementor-share-btn__icon { background-color: transparent !important; }

/* ---------- 10. ELEMENTOR: ELEMENTI VERIFICATI NEL BROWSER (06/09/2026) */
/* Codex non poteva vederli (sito in Coming Soon): gli id sono stati letti
   dal DOM con la sessione loggata. Se un elemento viene ricreato in
   Elementor cambia id: aggiornare qui. */
/* Fasce che usavano l'azzurro #00B1EB (2,47:1 con testo bianco):
   newsletter in home (@50da577f) e barra finale del footer (@41d7e1ae). */
body:not(#iiu) .elementor-element-50da577f,
body:not(#iiu) .elementor-element-41d7e1ae {
	background-color: var(--iiu-navy) !important;
}
body:not(#iiu) .elementor-element-0b4119c a { color: var(--iiu-navy) !important; }
/* Articolo: H1 (@259dd72) e corpo (@bc53275) erano #003366, meta (@6b76b57) #00509E,
   "Read More" (@d0ade52) corallo. */
body:not(#iiu) .elementor-element-259dd72 .elementor-heading-title,
body:not(#iiu) .elementor-widget-theme-post-title .elementor-heading-title {
	color: var(--iiu-navy) !important;
}
body:not(#iiu) .elementor-element-bc53275,
body:not(#iiu) .elementor-element-bc53275 p,
body:not(#iiu) .elementor-element-bc53275 li,
body:not(#iiu) .elementor-widget-theme-post-content,
body:not(#iiu) .elementor-widget-theme-post-content p,
body:not(#iiu) .elementor-widget-theme-post-content li {
	color: var(--iiu-text) !important;
}
body:not(#iiu) .elementor-widget-theme-post-content a,
body:not(#iiu) .elementor-element-bc53275 a,
body:not(#iiu) .iizc-allegato a { color: var(--iiu-blue) !important; }
body:not(#iiu) .elementor-post-info .elementor-icon-list-text,
body:not(#iiu) .elementor-post-info time,
body:not(#iiu) .elementor-post-info a,
body:not(#iiu) .elementor-element-6b76b57 .elementor-post-info__item {
	color: var(--iiu-muted) !important;
}
body:not(#iiu) .elementor-post-info .elementor-icon-list-icon,
body:not(#iiu) .elementor-post-info .elementor-icon-list-icon i,
body:not(#iiu) .elementor-post-info .elementor-icon-list-icon svg {
	color: var(--iiu-blue) !important;
	fill: var(--iiu-blue) !important;
}
body:not(#iiu) .elementor-post__title,
body:not(#iiu) .elementor-post__title a,
body:not(#iiu) .elementor-element-d0ade52 .elementor-post__title a { color: var(--iiu-navy) !important; }
body:not(#iiu) .elementor-post__title a:hover { color: var(--iiu-blue) !important; }
body:not(#iiu) .elementor-post__meta-data { color: var(--iiu-muted) !important; }
body:not(#iiu) .elementor-post__read-more,
body:not(#iiu) a.elementor-post__read-more { color: var(--iiu-blue) !important; font-weight: 600 !important; }
body:not(#iiu) .elementor-post__read-more:hover { color: var(--iiu-navy) !important; }
/* Icone social (@96f89ab) e titolo testimonial: erano #003366 */
body:not(#iiu) .elementor-element-96f89ab .elementor-icon,
body:not(#iiu) .elementor-testimonial__title {
	color: var(--iiu-navy) !important;
	fill: var(--iiu-navy) !important;
}
/* Menu: voce attiva/hover in blu (accento interattivo) */
body:not(#iiu) .elementor-nav-menu a.elementor-item { color: var(--iiu-navy) !important; }
body:not(#iiu) .elementor-nav-menu a.elementor-item:hover,
body:not(#iiu) .elementor-nav-menu a.elementor-item.elementor-item-active { color: var(--iiu-blue) !important; }
body:not(#iiu) .elementor-nav-menu--main .elementor-item.elementor-item-active:after,
body:not(#iiu) .elementor-nav-menu--main .elementor-item:hover:after {
	background-color: var(--iiu-blue) !important;
	border-color: var(--iiu-blue) !important;
}
/* Link nel testo corrente */
body:not(#iiu) .elementor-widget-text-editor a { color: var(--iiu-blue); }
body:not(#iiu) .elementor-widget-text-editor a:hover { color: var(--iiu-navy); }

/* ---------- 11. WPFORMS OVUNQUE + TOKEN NEWSLETTER (verifica live) ---- */
/* Il widget Newsletter scrive i token --iielnl-* anche per elemento
   (.elementor-element-xxxx .iielnl-card): serve il prefisso di specificità. */
body:not(#iiu) .iielnl-card,
body:not(#iiu) .iielnl-form-wrap {
	--iielnl-field-border: var(--iiu-border);
	--iielnl-field-text: var(--iiu-navy);
	--iielnl-field-radius: var(--iiu-r-field);
	--iielnl-btn-bg: var(--iiu-primary);
	--iielnl-btn-bg-hover: var(--iiu-primary-hover);
	--iielnl-btn-text: var(--iiu-on-primary);
	--iielnl-btn-radius: var(--iiu-pill);
}
/* Qualsiasi modulo WPForms del sito (newsletter, contatti, futuri) */
body:not(#iiu) .wpforms-form .wpforms-submit,
body:not(#iiu) .wpforms-form button[type="submit"] {
	background: var(--iiu-primary) !important;
	background-image: none !important;
	color: var(--iiu-on-primary) !important;
	border-color: var(--iiu-primary) !important;
	border-radius: var(--iiu-pill) !important;
	font-family: var(--iiu-font) !important;
	font-size: var(--iiu-btn-fs) !important;
	font-weight: var(--iiu-btn-fw) !important;
	min-height: 46px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}
body:not(#iiu) .wpforms-form .wpforms-submit:hover,
body:not(#iiu) .wpforms-form button[type="submit"]:hover {
	background: var(--iiu-primary-hover) !important;
	border-color: var(--iiu-primary-hover) !important;
	color: var(--iiu-on-primary) !important;
}
body:not(#iiu) .wpforms-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], select, textarea):not(.wpforms-error):not([aria-invalid="true"]) {
	font-family: var(--iiu-font) !important;
	color: var(--iiu-text) !important;
	background-color: var(--iiu-surface) !important;
	border: 1px solid var(--iiu-border) !important;
	border-radius: var(--iiu-r-field) !important;
	box-shadow: none !important;
}
body:not(#iiu) .wpforms-form :is(input, select, textarea):not(.wpforms-error):not([aria-invalid="true"]):focus {
	border-color: var(--iiu-blue) !important;
	box-shadow: var(--iiu-focus) !important;
}
body:not(#iiu) .wpforms-form .wpforms-field-label,
body:not(#iiu) .wpforms-form .wpforms-field-sublabel {
	font-family: var(--iiu-font) !important;
	color: var(--iiu-muted) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}
body:not(#iiu) .wpforms-form input[type="checkbox"],
body:not(#iiu) .wpforms-form input[type="radio"] { accent-color: var(--iiu-blue); }

/* ---------- 12. BARRE STRUMENTI (Blog e Risultati): 46 px, attivo navy --- */
/* Richiesta di Fabio 06/09 sera: select "Più recenti" e cambio vista come i
   pulsanti, sia in altezza che in colore. Gli stati selezionati (cambio vista,
   chip attive, paginazione) passano da blu a navy: il blu resta per link,
   icone e focus. */
body:not(#iiu) .ii-explorer__search-input,
body:not(#iiu) .ii-explorer__submit,
body:not(#iiu) .ii-explorer__sort,
body:not(#iiu) .iiel-results__search button[type="submit"],
body:not(#iiu) .iiel-archive__herobar button[type="submit"] {
	height: 46px !important;
	min-height: 46px !important;
}
/* specificità: la regola dei campi (sezione 6) è un :is() che vale quanto il suo
   argomento più pesante (1,4,2); qui servono due livelli id → (2,1,3) */
html:not(#iiu) body:not(#iiu) select.ii-explorer__sort,
html:not(#iiu) body:not(#iiu) .iiel-archive__sort select {
	border-radius: var(--iiu-pill) !important;
	padding-left: 18px !important;
	font-weight: 500 !important;
	color: var(--iiu-navy) !important;
}
body:not(#iiu) .ii-explorer__view,
body:not(#iiu) .iiel-viewswitch {
	height: 46px !important;
	min-height: 46px !important;
	padding: 4px !important;
	border-radius: var(--iiu-pill) !important;
	border: 1px solid var(--iiu-border) !important;
	background: var(--iiu-surface) !important;
	box-shadow: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 2px;
}
body:not(#iiu) .ii-explorer__view-btn,
body:not(#iiu) .iiel-viewswitch__btn {
	height: 36px !important;
	min-height: 36px !important;
	min-width: 44px !important;
	padding: 0 14px !important;
	border-radius: var(--iiu-pill) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--iiu-muted) !important;
	background: transparent !important;
}
body:not(#iiu) .ii-explorer__view-btn:not(.is-active):hover,
body:not(#iiu) .iiel-viewswitch__btn:not(.is-active):hover {
	background: var(--iiu-blue-soft) !important;
	color: var(--iiu-navy) !important;
}
body:not(#iiu) .ii-explorer__view-btn.is-active,
body:not(#iiu) .iiel-viewswitch__btn.is-active,
body:not(#iiu) .iiel-archive__topic.is-active,
body:not(#iiu) .iiel-results__chip.is-active,
body:not(#iiu) .ii-filter__chip.is-active,
body:not(#iiu) .iiel-results__pagination .is-active {
	background: var(--iiu-primary) !important;
	background-color: var(--iiu-primary) !important;
	border-color: var(--iiu-primary) !important;
	color: var(--iiu-on-primary) !important;
}
/* CTA delle liste risultati che erano rimaste "block" a 44 px */
body:not(#iiu) :is(
	.iiel-card__more:not(.iiel-card__more--link),
	.iiel-results__list .iiel-card__more:not(.iiel-card__more--link),
	.iiel-results__card .iiel-results__cta,
	.iiel-results__readmore,
	.iiel-results__empty-cta
) {
	min-height: 46px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px;
	text-align: center !important;
}

/* ---------- 13. COLORI RESIDUI FUORI PALETTE (censimento 06/09 sera) ------ */
/* Icone della griglia categorie in home: erano azzurre #00B1EB */
body:not(#iiu) .iiel-catgrid__icon,
body:not(#iiu) .iiel-catgrid__icon svg,
body:not(#iiu) .iiel-catgrid__icon i {
	color: var(--iiu-blue) !important;
	fill: var(--iiu-blue) !important;
}
body:not(#iiu) .iiel-catgrid__item,
body:not(#iiu) .iiel-catgrid__label { color: var(--iiu-navy) !important; }
/* Titoli del widget News Highlight: erano #10213F */
body:not(#iiu) .etre-news-main-title,
body:not(#iiu) .etre-news-side-title,
body:not(#iiu) .etre-news-main-title a,
body:not(#iiu) .etre-news-side-title a { color: var(--iiu-navy) !important; }
/* Footer: icone social (@3acca85a) erano #00B1EB; testi (@7ff4cfe, @65351779)
   #324A6D; titoli (@58a86f25, @68dbab3b) #1C244B */
body:not(#iiu) [data-elementor-type="footer"] .elementor-social-icon,
body:not(#iiu) [data-elementor-type="footer"] .elementor-social-icon svg,
body:not(#iiu) [data-elementor-type="footer"] .elementor-social-icon i {
	color: var(--iiu-navy) !important;
	fill: var(--iiu-navy) !important;
	background-color: transparent !important;
}
body:not(#iiu) [data-elementor-type="footer"] .elementor-social-icon:hover,
body:not(#iiu) [data-elementor-type="footer"] .elementor-social-icon:hover svg {
	color: var(--iiu-blue) !important;
	fill: var(--iiu-blue) !important;
}
body:not(#iiu) [data-elementor-type="footer"] .elementor-heading-title { color: var(--iiu-navy) !important; }
body:not(#iiu) [data-elementor-type="footer"] .elementor-widget-text-editor,
body:not(#iiu) [data-elementor-type="footer"] .elementor-image-box-description,
body:not(#iiu) [data-elementor-type="footer"] .elementor-icon-list-text,
body:not(#iiu) [data-elementor-type="footer"] p { color: var(--iiu-text) !important; }
body:not(#iiu) [data-elementor-type="footer"] .elementor-icon-list-icon i,
body:not(#iiu) [data-elementor-type="footer"] .elementor-icon-list-icon svg {
	color: var(--iiu-blue) !important; fill: var(--iiu-blue) !important;
}
/* Barra finale del footer (navy): testo e link bianchi */
body:not(#iiu) .elementor-element-41d7e1ae,
body:not(#iiu) .elementor-element-41d7e1ae p,
body:not(#iiu) .elementor-element-41d7e1ae .elementor-heading-title,
body:not(#iiu) .elementor-element-41d7e1ae a { color: #FFFFFF !important; }
/* Kicker sopra i titoli degli hero navy: erano #8FB4E8 / #9FC0EA */
body:not(#iiu) .iiel-results__eyebrow,
body:not(#iiu) .iiel-archive__eyebrow,
body:not(#iiu) .elementor-element-1f4e63c,
body:not(#iiu) .elementor-element-1f4e63c p,
body:not(#iiu) .elementor-element-c22b045,
body:not(#iiu) .elementor-element-c22b045 p { color: rgba(255, 255, 255, .78) !important; }
/* Pagina Servizi: elenchi #4A5568, note #6E7A8A, sottotitolo hero #D7E2F2 */
body:not(#iiu) .elementor-element-6845a79 li,
body:not(#iiu) .elementor-element-26bc74e li,
body:not(#iiu) .elementor-element-75dd540 li,
body:not(#iiu) .elementor-element-6845a79 .elementor-icon-list-text,
body:not(#iiu) .elementor-element-26bc74e .elementor-icon-list-text,
body:not(#iiu) .elementor-element-75dd540 .elementor-icon-list-text { color: var(--iiu-text) !important; }
body:not(#iiu) .elementor-element-15051f8,
body:not(#iiu) .elementor-element-15051f8 p { color: var(--iiu-muted) !important; }
body:not(#iiu) .elementor-element-58d43d6,
body:not(#iiu) .elementor-element-58d43d6 p { color: rgba(255, 255, 255, .82) !important; }

/* ---------- 14. ICONE CON COLORE PER ELEMENTO (--cat / SVG fissi) -------- */
/* Le card notizie ricevono da Elementor un --cat per categoria (#1565D8) e le
   card Servizi hanno l'SVG con fill fisso: qui tutto navy come i pulsanti. */
body:not(#iiu) .iiel-card--icon .iiel-card__iconwrap,
body:not(#iiu) .iiel-card__iconwrap,
body:not(#iiu) .iiel-card__iconwrap i,
body:not(#iiu) .iiel-card__iconwrap svg,
body:not(#iiu) .iiel-card--icon .iiel-card__catlabel,
body:not(#iiu) .iiel-svc__icon,
body:not(#iiu) .iiel-svc__icon i,
body:not(#iiu) .iiel-svc__icon svg,
body:not(#iiu) .iiel-svc__icon path,
body:not(#iiu) .iiel-catgrid__icon path,
body:not(#iiu) .ii-cw-info-icon svg,
body:not(#iiu) .ii-cw-card-icon svg,
body:not(#iiu) .elementor-icon-box-icon .elementor-icon,
body:not(#iiu) .elementor-icon-box-icon .elementor-icon svg,
body:not(#iiu) .elementor-icon-box-icon .elementor-icon i,
body:not(#iiu) .elementor-widget-icon-list .elementor-icon-list-icon i,
body:not(#iiu) .elementor-widget-icon-list .elementor-icon-list-icon svg {
	--cat: var(--iiu-navy);
	color: var(--iiu-navy) !important;
	fill: var(--iiu-navy) !important;
	border-color: var(--iiu-navy) !important;
}

/* =====================================================================
   1.4.0 (24/09/2026) – Azzurro del logo InformaImpresa (#00B1EB), richiesta
   della redazione: titoli delle notizie in grassetto azzurro e qualche
   richiamo all'azzurro per staccarsi dal blu Confartigianato.
   Per i testi si usa una tinta più profonda dello stesso azzurro (#007DB1,
   contrasto 4,5:1 su bianco, AA anche a 16 px);
   #00B1EB pieno solo su icone e dettagli decorativi.
   ===================================================================== */
:root {
	--iiu-azzurro:       #00B1EB;
	--iiu-azzurro-testo: #007DB1;
	--iiu-azzurro-soft:  #E6F6FD;
}
body:not(#iiu) .iiel-card__title,
body:not(#iiu) .iiel-card__title a,
body:not(#iiu) .ii-card__title,
body:not(#iiu) .ii-card__title a {
	color: var(--iiu-azzurro-testo) !important;
	font-weight: 700 !important;
}
body:not(#iiu) .iiel-card__title a:hover,
body:not(#iiu) .iiel-card__title a:focus-visible,
body:not(#iiu) .ii-card__title a:hover,
body:not(#iiu) .ii-card__title a:focus-visible {
	color: var(--iiu-navy) !important;
}
body:not(#iiu) .iiel-card__iconwrap i,
body:not(#iiu) .iiel-card__iconwrap svg,
body:not(#iiu) .iiel-card--icon .iiel-card__catlabel,
body:not(#iiu) .iiel-catgrid__icon path {
	--cat: var(--iiu-azzurro-testo);
	color: var(--iiu-azzurro-testo) !important;
	fill: var(--iiu-azzurro-testo) !important;
	border-color: var(--iiu-azzurro-testo) !important;
}
body:not(#iiu) .iitn-progress span { background: var(--iiu-azzurro); }

/* ---------------------------------------------------------------------
   Home – sezione «Non sei associato… newsletter» (29/09/2026)
   Sezione 50da577f › riga 650a6433 › titolo 656f20d3 + colonna 705772a6
   (widget iielnl-newsletter-wpforms). Riempie il vuoto blu, dà gerarchia
   al titolo, allarga la card e toglie l'asterisco orfano del consenso.
   --------------------------------------------------------------------- */
body:not(#iiu) .elementor-element-50da577f {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding-top: clamp(56px, 7vw, 104px) !important;
	padding-bottom: clamp(56px, 7vw, 104px) !important;
	background:
		radial-gradient(760px 420px at 8% 12%, rgba(0, 177, 235, .16), transparent 62%),
		radial-gradient(680px 460px at 100% 105%, rgba(0, 177, 235, .12), transparent 60%),
		#0B2A4A !important;
}
/* griglia di puntini leggera, sfuma verso il centro */
body:not(#iiu) .elementor-element-50da577f::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.2px);
	background-size: 22px 22px;
	-webkit-mask-image: linear-gradient(100deg, #000 0%, rgba(0, 0, 0, .35) 38%, transparent 62%);
	        mask-image: linear-gradient(100deg, #000 0%, rgba(0, 0, 0, .35) 38%, transparent 62%);
}
body:not(#iiu) .elementor-element-650a6433 > .e-con-inner {
	align-items: center !important;
	justify-content: space-between !important;
	gap: clamp(32px, 6vw, 96px) !important;
}
body:not(#iiu) .elementor-element-656f20d3 {
	flex: 1 1 0 !important;
	max-width: 640px !important;
	width: auto !important;
}
/* occhiello */
body:not(#iiu) .elementor-element-656f20d3::before {
	content: "Newsletter";
	display: block;
	margin-bottom: 22px;
	padding-left: 44px;
	background: linear-gradient(#00B1EB, #00B1EB) left center / 32px 2px no-repeat;
	font: 600 13px/1.2 Inter, sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #7FD3F2;
}
body:not(#iiu) .elementor-element-656f20d3 .elementor-heading-title {
	font-size: clamp(28px, 2.7vw, 42px) !important;
	line-height: 1.16 !important;
	letter-spacing: -.015em !important;
	font-weight: 700 !important;
	color: #fff !important;
	text-wrap: balance;
}
body:not(#iiu) .elementor-element-705772a6 {
	flex: 0 0 min(420px, 100%) !important;
	width: min(420px, 100%) !important;
	max-width: 420px !important;
	padding: 0 !important;
}
body:not(#iiu) .elementor-element-705772a6 .iielnl-card {
	box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .08) !important;
}

/* Consenso: l'asterisco stava da solo sopra la casella (legend vuota) */
body:not(#iiu) .iielnl-form-wrap .wpforms-field-checkbox legend.wpforms-field-label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	margin: 0 !important;
	padding: 0 !important;
}
body:not(#iiu) .iielnl-form-wrap .wpforms-field-checkbox ul li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
}
body:not(#iiu) .iielnl-form-wrap .wpforms-field-checkbox ul li input[type="checkbox"] {
	flex: 0 0 auto;
	margin-top: 2px !important;
}
body:not(#iiu) .iielnl-form-wrap .wpforms-field-checkbox .wpforms-field-label-inline {
	-webkit-hyphens: none !important;
	        hyphens: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.45 !important;
}
body:not(#iiu) .iielnl-form-wrap .wpforms-field-checkbox .wpforms-field-required .wpforms-field-label-inline::after {
	content: " *";
	color: #D63637;
}

@media (max-width: 1024px) {
	body:not(#iiu) .elementor-element-650a6433 > .e-con-inner {
		flex-direction: column !important;
		align-items: stretch !important;
	}
	body:not(#iiu) .elementor-element-656f20d3 { max-width: 640px !important; flex: 0 0 auto !important; }
	body:not(#iiu) .elementor-element-705772a6 { flex: 0 0 auto !important; width: 100% !important; max-width: 520px !important; }
}

/* =====================================================================
   1.5.0 (Aspetto 2.6.0, 05/10/2026) – richieste della redazione.
   - Sfondo grigio #F6F6F4 a tutta larghezza su tutto il sito (prima la
     pagina risultati mostrava fasce bianche ai lati del contenuto).
   - Pagina Newsletter (plugin «Il Periodico», .iipe-hero): titolo alla
     stessa altezza delle altre pagine (prima stava 56 px più in basso su
     computer e 30 px su telefono). Valori misurati dal vivo il 05/10.
   ===================================================================== */
body:not(#iiu) { background-color: #F6F6F4; }
body:not(#iiu) .iipe-hero { padding-top: 120px; }
@media (max-width: 767px) {
	body:not(#iiu) .iipe-hero { padding-top: 102px; }
}

/* =====================================================================
   1.5.1 (Aspetto 2.6.4, 07/10/2026) – richieste della redazione (mail del 06/10).
   - Le fasce blu delle pagine interne prendono lo «sfondino» della fascia
     newsletter della home (50da577f): due bagliori azzurri e la griglia di
     puntini che sfuma verso il centro. Fasce: Notizie 0b6151f, Aree
     tematiche 6697ca2 e 6c35227 («Non hai trovato…»), Contatti 52d7fbc8,
     Newsletter .iipe-hero, risultati e archivio.
   - Gli occhielli sopra i titoli delle fasce blu diventano azzurri (#8FB4E8),
     come «InformaImpresa» in Contatti (prima bianco al 78%).
   ===================================================================== */
body:not(#iiu) .elementor-element-0b6151f,
body:not(#iiu) .elementor-element-6697ca2,
body:not(#iiu) .elementor-element-6c35227,
body:not(#iiu) .elementor-element-52d7fbc8,
body:not(#iiu) .iipe-hero,
body:not(#iiu) .iiel-results__hero,
body:not(#iiu) .iiel-archive__hero {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(760px 420px at 8% 12%, rgba(0, 177, 235, .16), transparent 62%),
		radial-gradient(680px 460px at 100% 105%, rgba(0, 177, 235, .12), transparent 60%),
		#0B2A4A !important;
}
body:not(#iiu) .elementor-element-0b6151f::before,
body:not(#iiu) .elementor-element-6697ca2::before,
body:not(#iiu) .elementor-element-6c35227::before,
body:not(#iiu) .elementor-element-52d7fbc8::before,
body:not(#iiu) .iipe-hero::before,
body:not(#iiu) .iiel-results__hero::before,
body:not(#iiu) .iiel-archive__hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.2px);
	background-size: 22px 22px;
	-webkit-mask-image: linear-gradient(100deg, #000 0%, rgba(0, 0, 0, .35) 38%, transparent 62%);
	        mask-image: linear-gradient(100deg, #000 0%, rgba(0, 0, 0, .35) 38%, transparent 62%);
}
body:not(#iiu) .iiel-results__eyebrow,
body:not(#iiu) .iiel-archive__eyebrow,
body:not(#iiu) .elementor-element-1f4e63c,
body:not(#iiu) .elementor-element-1f4e63c p,
body:not(#iiu) .elementor-element-c22b045,
body:not(#iiu) .elementor-element-c22b045 p,
body:not(#iiu) .iipe .iipe-eyebrow { color: #8FB4E8 !important; }