/**
 * Energia Ora brand hover palette — v2.4.0
 *
 * Eight logo colors are assigned by brand-hover.js. This stylesheet changes
 * color only: it never changes dimensions, borders widths, transforms or the
 * native Foxiz heading geometry.
 */

:root {
	--eo-brand-coral: #f96e6e;
	--eo-brand-orange: #f9a635;
	--eo-brand-yellow: #f5de26;
	--eo-brand-green: #5bdba2;
	--eo-brand-sky: #79d4f6;
	--eo-brand-blue: #848ff7;
	--eo-brand-purple: #9a65ee;
	--eo-brand-pink: #ff66bd;
}

/*
 * Desktop submenu surface
 * -----------------------
 * Keep Foxiz dropdown geometry, positioning and shadows intact while using the
 * Energia Ora neutral submenu surface. Link hover remains visually lightweight:
 * the background stays neutral and brand-hover.js only changes the underline.
 */
@media (min-width: 1121px) {
	/*
	 * Foxiz can paint the configured submenu background as a background layer
	 * (not just background-color). Reset the full background on the dropdown
	 * container so the theme's original black layer cannot remain visible in
	 * the top/bottom spacing areas. Then draw the requested 2px black frame with
	 * real borders. This leaves Foxiz positioning, padding and shadow untouched.
	 */
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu {
		background: #d4f1fb !important;
		background-image: none !important;
		border: 2px solid #000 !important;
		box-sizing: border-box;
	}

	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu > li,
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a,
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:hover,
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:focus,
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:focus-visible {
		background-color: #d4f1fb !important;
	}

	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a,
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:hover,
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:focus-visible {
		color: #000 !important;
		font-size: 14px !important;
		font-weight: 700 !important;
	}

	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a *,
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:hover *,
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:focus-visible * {
		color: #000 !important;
		font-size: inherit !important;
		font-weight: inherit !important;
	}
}

/*
 * Header navigation
 * -----------------
 * Top-level links keep Foxiz's native underline geometry/animation. We only
 * replace the accent variable for the currently hovered/focused link.
 */
@media (hover: hover) and (pointer: fine) {
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu > li > a:hover {
		--g-color: var(--eo-random-accent, #1689ff);
	}

	/*
	 * Foxiz does not draw the same underline for dropdown links. Add a compact
	 * text underline instead of adding borders/pseudo-elements, so dropdown
	 * sizing, arrows, mega-menu positioning and hit areas remain untouched.
	 */
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:hover,
	body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:hover * {
		--g-color: var(--eo-random-accent, #1689ff);
		text-decoration-line: underline !important;
		text-decoration-color: var(--eo-random-accent, #1689ff) !important;
		text-decoration-thickness: 2px !important;
		text-underline-offset: .28em;
	}
}

body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu > li > a:focus-visible {
	--g-color: var(--eo-random-accent, #1689ff);
}

body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:focus-visible,
body.eo-responsive-header #site-header.header-template .header-template-inner .main-menu .sub-menu a:focus-visible * {
	--g-color: var(--eo-random-accent, #1689ff);
	text-decoration-line: underline !important;
	text-decoration-color: var(--eo-random-accent, #1689ff) !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: .28em;
}

/*
 * Foxiz layout-16 heading tabs
 * ----------------------------
 * The visible angled tab is built by Foxiz from the title element plus one or
 * more pseudo-element color surfaces/borders. v2.2.0 painted every pseudo
 * background unconditionally, which could turn the angled end into a rectangle.
 *
 * v2.2.1 profiles the native pseudo-element once in JS and marks only the color
 * surfaces that already belong to the black tab. The selectors below therefore
 * recolor those existing surfaces while Foxiz retains every native width,
 * border-width, transform, position and slanted geometry.
 */
@media (hover: hover) and (pointer: fine) {
	.block-h.heading-layout-16:hover .heading-title > * {
		background-color: var(--eo-random-accent, #000) !important;
	}

	.block-h.heading-layout-16:hover .heading-title > *[data-eo-before-bg="1"]::before,
	.block-h.heading-layout-16:hover .heading-title > *[data-eo-after-bg="1"]::after {
		background-color: var(--eo-random-accent, #000) !important;
	}

	.block-h.heading-layout-16:hover .heading-title > *[data-eo-before-bt="1"]::before,
	.block-h.heading-layout-16:hover .heading-title > *[data-eo-after-bt="1"]::after {
		border-top-color: var(--eo-random-accent, #000) !important;
	}

	.block-h.heading-layout-16:hover .heading-title > *[data-eo-before-br="1"]::before,
	.block-h.heading-layout-16:hover .heading-title > *[data-eo-after-br="1"]::after {
		border-right-color: var(--eo-random-accent, #000) !important;
	}

	.block-h.heading-layout-16:hover .heading-title > *[data-eo-before-bb="1"]::before,
	.block-h.heading-layout-16:hover .heading-title > *[data-eo-after-bb="1"]::after {
		border-bottom-color: var(--eo-random-accent, #000) !important;
	}

	.block-h.heading-layout-16:hover .heading-title > *[data-eo-before-bl="1"]::before,
	.block-h.heading-layout-16:hover .heading-title > *[data-eo-after-bl="1"]::after {
		border-left-color: var(--eo-random-accent, #000) !important;
	}
}

.block-h.heading-layout-16:focus-within .heading-title > * {
	background-color: var(--eo-random-accent, #000) !important;
}

.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-before-bg="1"]::before,
.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-after-bg="1"]::after {
	background-color: var(--eo-random-accent, #000) !important;
}

.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-before-bt="1"]::before,
.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-after-bt="1"]::after {
	border-top-color: var(--eo-random-accent, #000) !important;
}

.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-before-br="1"]::before,
.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-after-br="1"]::after {
	border-right-color: var(--eo-random-accent, #000) !important;
}

.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-before-bb="1"]::before,
.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-after-bb="1"]::after {
	border-bottom-color: var(--eo-random-accent, #000) !important;
}

.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-before-bl="1"]::before,
.block-h.heading-layout-16:focus-within .heading-title > *[data-eo-after-bl="1"]::after {
	border-left-color: var(--eo-random-accent, #000) !important;
}


/*
 * Parent-only menu placeholders — v2.5.2
 * ---------------------------------------
 * Notizie, Community and Chi siamo are structural dropdown parents and use
 * URLs ending in "#". Foxiz can treat those custom links as active/current and
 * leave its blue border visible even when the user is not on a real page.
 *
 * Keep the native/random hover underline, but suppress the persistent line
 * whenever a top-level placeholder link is idle. Real page links such as Home,
 * Reports, Video and Contatti continue to use Foxiz's native current-page state.
 */
@media (min-width: 1121px) {
	body.eo-responsive-header
	#site-header.header-template
	.header-template-inner
	.main-menu > li > a[href$="#"]:not(:hover):not(:focus-visible) {
		--g-color: transparent !important;
	}
}


/* ========================================================================== 
 * Sidebar heading base palette — v2.6.14
 * ========================================================================== 
 * Each right-sidebar layout-16 tab receives a shuffled brand color on load.
 * Hover/focus still switches temporarily to a different random brand color;
 * leaving the heading reveals its original per-refresh base color again.
 * ========================================================================== */
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"],
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"],
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"],
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] {
	--eo-tab-accent: var(--eo-base-accent, #000);
}

@media (hover: hover) and (pointer: fine) {
	.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"]:hover,
	.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"]:hover,
	.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"]:hover,
	[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"]:hover {
		--eo-tab-accent: var(--eo-random-accent, var(--eo-base-accent, #000));
	}
}

.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"]:focus-within,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"]:focus-within,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"]:focus-within,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"]:focus-within {
	--eo-tab-accent: var(--eo-random-accent, var(--eo-base-accent, #000));
}

.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > * {
	background-color: var(--eo-tab-accent) !important;
}

.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bg="1"]::before,
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bg="1"]::after,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bg="1"]::before,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bg="1"]::after,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bg="1"]::before,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bg="1"]::after,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bg="1"]::before,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bg="1"]::after {
	background-color: var(--eo-tab-accent) !important;
}

.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bt="1"]::before,
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bt="1"]::after,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bt="1"]::before,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bt="1"]::after,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bt="1"]::before,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bt="1"]::after,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bt="1"]::before,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bt="1"]::after {
	border-top-color: var(--eo-tab-accent) !important;
}

.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-br="1"]::before,
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-br="1"]::after,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-br="1"]::before,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-br="1"]::after,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-br="1"]::before,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-br="1"]::after,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-br="1"]::before,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-br="1"]::after {
	border-right-color: var(--eo-tab-accent) !important;
}

.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bb="1"]::before,
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bb="1"]::after,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bb="1"]::before,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bb="1"]::after,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bb="1"]::before,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bb="1"]::after,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bb="1"]::before,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bb="1"]::after {
	border-bottom-color: var(--eo-tab-accent) !important;
}

.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bl="1"]::before,
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bl="1"]::after,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bl="1"]::before,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bl="1"]::after,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bl="1"]::before,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bl="1"]::after,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-before-bl="1"]::before,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title > *[data-eo-after-bl="1"]::after {
	border-left-color: var(--eo-tab-accent) !important;
}

/* ========================================================================== 
 * Sidebar heading underline matches the tab — v2.6.19
 * ========================================================================== 
 * Foxiz heading-layout-16 draws the long horizontal rule as the bottom border
 * of the heading wrapper itself. Keep that rule tied to the exact same accent
 * variable as the colored tab, so base/load color and hover/focus color stay
 * perfectly synchronized without changing the native line thickness/geometry.
 * ========================================================================== */
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"],
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"],
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"],
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] {
	border-bottom-color: var(--eo-tab-accent) !important;
}

/* ========================================================================== 
 * Sidebar heading rule: target Foxiz's actual inner rule — v2.6.20
 * ========================================================================== 
 * In heading-layout-16 the long horizontal rule is rendered on the inner
 * heading layer (not reliably on .block-h across Foxiz builds). Color every
 * plausible native border carrier with the same inherited accent variable.
 * Elements without a bottom border are unaffected.
 * ========================================================================== */
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-inner,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-inner,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-inner,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-inner,
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-title {
	border-bottom-color: var(--eo-tab-accent) !important;
}

/* Some Foxiz releases paint layout-16's rule with an inner pseudo element. */
.eo-editorial-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-inner::after,
.eo-home-v2-sidebar .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-inner::after,
.eo-home-editorial-aside .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-inner::after,
[data-eo-editorial-sidebar] .block-h.heading-layout-16[data-eo-base-seeded="1"] .heading-inner::after {
	border-bottom-color: var(--eo-tab-accent) !important;
}