/*
 * Mixer Mega Menu - frontend
 * Mixer Digital - https://mixerdigital.it
 */

.mxd-mm-parent {
	position: relative;
}

/* Nasconde il sottomenu nativo del tema sulla voce che ospita il mega menu.
   Quando il mega menu è spento su mobile il sottomenu del tema torna suo. */
html:not(.mxd-mm-off) .mxd-mm-hide-native > .sub-menu,
html:not(.mxd-mm-off) .mxd-mm-hide-native > .nav-item-children,
html:not(.mxd-mm-off) .mxd-mm-hide-native > ul.children,
html:not(.mxd-mm-off) .mxd-mm-hide-native > .elementor-nav-menu--dropdown,
html:not(.mxd-mm-off) .mxd-mm-hide-native > .lqd-submenu-wrap {
	display: none !important;
}

/* Mega menu spento sotto il breakpoint: la voce resta un link normale. */
html.mxd-mm-off .mxd-mm-panel,
html.mxd-mm-off .mxd-mm-toggle,
html.mxd-mm-off .mxd-mm-caret {
	display: none !important;
}

/* ---------------------------------------------------------------- Pannello */

.mxd-mm-panel {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: var(--mxd-mm-z, 9999);
	box-sizing: border-box;
	width: max-content;
	max-width: var(--mxd-mm-maxw, 1140px);
	margin-top: var(--mxd-mm-offset, 14px);
	padding: 0;
	font-family: var(--mxd-mm-font, inherit);
	text-align: start;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease),
		transform var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease),
		visibility 0s linear var(--mxd-mm-dur, 320ms);
	will-change: opacity, transform;
}

.mxd-mm-panel * {
	box-sizing: border-box;
}

/* Ponte invisibile: mantiene l'hover tra voce di menu e pannello. */
.mxd-mm-panel::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: calc(var(--mxd-mm-offset, 14px) + 10px);
}

.mxd-mm-panel__inner {
	position: relative;
	padding: var(--mxd-mm-pad, 32px);
	border: 1px solid var(--mxd-mm-border, rgba(200, 181, 229, 0.55));
	border-radius: var(--mxd-mm-radius, 16px);
	background-color: var(--mxd-mm-bg, rgba(255, 255, 255, 0.94));
	background-image: linear-gradient(353deg, var(--mxd-mm-bg) 45%, var(--mxd-mm-bg2) 100%);
	box-shadow: var(--mxd-mm-shadow, 0 24px 60px -20px rgba(38, 40, 87, 0.28));
	-webkit-backdrop-filter: blur(var(--mxd-mm-blur, 14px)) saturate(1.4);
	backdrop-filter: blur(var(--mxd-mm-blur, 14px)) saturate(1.4);
	overflow: hidden;
}

/* Stati di apertura */

.mxd-mm-parent.mxd-mm-open > .mxd-mm-panel,
.mxd-mm-panel.mxd-mm-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: none;
	transition:
		opacity var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease),
		transform var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease),
		visibility 0s;
}

/* Animazioni di ingresso */

.mxd-mm-anim-fade-up {
	transform: translate3d(0, 12px, 0);
}

.mxd-mm-anim-slide-down {
	transform: translate3d(0, -18px, 0);
}

.mxd-mm-anim-scale {
	transform: scale(0.97);
	transform-origin: top center;
}

.mxd-mm-anim-fade,
.mxd-mm-anim-none {
	transform: none;
}

.mxd-mm-anim-none {
	transition: none;
}

/* ---------------------------------------------------------------- Colonne */

.mxd-mm-cols {
	display: grid;
	grid-template-columns: repeat(var(--mxd-mm-cols, 3), minmax(0, 1fr));
	gap: var(--mxd-mm-gap, 32px);
	align-items: start;
}

.mxd-mm-col {
	min-width: 0;
	opacity: 0;
	transform: translate3d(0, 8px, 0);
	transition:
		opacity var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease),
		transform var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease);
	transition-delay: calc(var(--mxd-mm-i, 0) * var(--mxd-mm-stagger, 35ms));
}

.mxd-mm-open .mxd-mm-col {
	opacity: 1;
	transform: none;
}

.mxd-mm-col__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	padding: 0 12px 6px;
	color: var(--mxd-mm-heading, #402657);
	font-size: var(--mxd-mm-title-size, 13px);
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 0.25s ease;
}

a.mxd-mm-col__title--link:hover,
a.mxd-mm-col__title--link:focus-visible {
	color: var(--mxd-mm-text-hover, #402657);
	opacity: 0.8;
}

.mxd-mm-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mxd-mm-item {
	margin: 0;
	padding: 0;
	list-style: none;
	opacity: 0;
	transform: translate3d(0, 6px, 0);
	transition:
		opacity var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease),
		transform var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease);
	transition-delay: calc(
		(var(--mxd-mm-i, 0) * var(--mxd-mm-stagger, 35ms)) + (var(--mxd-mm-j, 0) * (var(--mxd-mm-stagger, 35ms) / 1.6))
	);
}

.mxd-mm-open .mxd-mm-item {
	opacity: 1;
	transform: none;
}

.mxd-mm-item::before,
.mxd-mm-item::marker {
	content: none;
}

.mxd-mm-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: calc(var(--mxd-mm-radius, 16px) * 0.6);
	color: var(--mxd-mm-text, #262857);
	font-size: var(--mxd-mm-link-size, 15px);
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	transition:
		background-color 0.28s var(--mxd-mm-ease, ease),
		color 0.28s var(--mxd-mm-ease, ease),
		transform 0.28s var(--mxd-mm-ease, ease);
}

.mxd-mm-link:hover,
.mxd-mm-link:focus-visible {
	background-color: var(--mxd-mm-hover-bg, rgba(200, 181, 229, 0.2));
	color: var(--mxd-mm-text-hover, #402657);
	transform: translateX(3px);
	text-decoration: none;
}

.mxd-mm-link:focus-visible {
	outline: 2px solid var(--mxd-mm-accent, #c8b5e5);
	outline-offset: 2px;
}

.mxd-mm-link__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--mxd-mm-hover-bg, rgba(200, 181, 229, 0.2));
	color: var(--mxd-mm-heading, #402657);
	font-size: 15px;
	line-height: 1;
	transition: background-color 0.28s ease, color 0.28s ease;
}

.mxd-mm-link:hover .mxd-mm-link__icon {
	background-color: var(--mxd-mm-accent, #c8b5e5);
}

.mxd-mm-link__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1 1 auto;
}

.mxd-mm-link__label {
	display: inline;
}

.mxd-mm-link__desc {
	color: var(--mxd-mm-desc, #5e4e6b);
	font-size: 0.82em;
	font-weight: 400;
	line-height: 1.35;
	opacity: 0.9;
}

.mxd-mm-link__arrow {
	display: inline-flex;
	flex: 0 0 auto;
	opacity: 0;
	transform: translateX(-6px);
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.mxd-mm-link:hover .mxd-mm-link__arrow,
.mxd-mm-link:focus-visible .mxd-mm-link__arrow {
	opacity: 0.75;
	transform: translateX(0);
}

.mxd-mm-badge {
	display: inline-block;
	margin-inline-start: 6px;
	padding: 2px 7px;
	border-radius: 999px;
	background-color: var(--mxd-mm-badge-bg, #402657);
	color: var(--mxd-mm-badge-tx, #fff);
	font-size: 0.62em;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.6;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}

/* ---------------------------------------------------------------- Footer */

.mxd-mm-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: calc(var(--mxd-mm-gap, 32px) * 0.75);
	padding: 4px 12px 0;
}

.mxd-mm-foot__txt {
	color: var(--mxd-mm-desc, #5e4e6b);
	font-size: 0.9em;
	line-height: 1.5;
}

.mxd-mm-foot__txt p {
	margin: 0;
}

.mxd-mm-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: 999px;
	background-color: var(--mxd-mm-cta-bg, #402657);
	color: var(--mxd-mm-cta-tx, #fff);
	font-size: 0.9em;
	font-weight: 600;
	text-decoration: none;
	transition: transform 0.28s var(--mxd-mm-ease, ease), opacity 0.28s ease;
}

.mxd-mm-cta:hover,
.mxd-mm-cta:focus-visible {
	color: var(--mxd-mm-cta-tx, #fff);
	transform: translateY(-2px);
	opacity: 0.92;
}

/* ---------------------------------------------------------------- Caret */

.mxd-mm-caret {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	margin-inline-start: 6px;
	padding: 0;
	border: 0;
	background: none;
	color: currentColor;
	font-size: 0.9em;
	line-height: 1;
	transition: transform 0.3s var(--mxd-mm-ease, ease);
}

.mxd-mm-caret svg {
	width: 1em;
	height: 1em;
}

/* Su mobile comanda la freccia a destra della riga. */
html.mxd-mm-mobile .mxd-mm-caret {
	display: none;
}

.mxd-mm-open > a .mxd-mm-caret,
.mxd-mm-open > .mxd-mm-caret {
	transform: rotate(180deg);
}

/* ---------------------------------------------------------------- Mobile */

.mxd-mm-toggle {
	position: absolute;
	top: 0;
	inset-inline-end: 0;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	min-height: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
	z-index: 2;
}

/* Freccia clonata dal tema: stessa grafica, stessa posizione. */
.mxd-mm-toggle--theme {
	display: flex;
}

/* Freccia di riserva, solo se il tema non ne ha una da riusare. */
.mxd-mm-toggle--own {
	display: none;
	width: 44px;
}

html.mxd-mm-mobile .mxd-mm-toggle--own {
	display: inline-flex;
}

.mxd-mm-toggle.is-hidden {
	display: none !important;
}

.mxd-mm-toggle svg,
.mxd-mm-caret svg {
	flex: 0 0 auto;
}

.mxd-mm-toggle svg {
	transition: transform 0.3s var(--mxd-mm-ease, ease);
}

.mxd-mm-open > .mxd-mm-toggle svg {
	transform: rotate(180deg);
}

html.mxd-mm-mobile .mxd-mm-panel {
	position: static !important;
	display: grid;
	grid-template-rows: 0fr;
	width: auto !important;
	max-width: none !important;
	left: auto !important;
	right: auto !important;
	margin: 0 !important;
	transform: none !important;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: grid-template-rows var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease);
}

html.mxd-mm-mobile .mxd-mm-panel::before {
	content: none;
}

html.mxd-mm-mobile .mxd-mm-panel > .mxd-mm-panel__inner {
	overflow: hidden;
	min-height: 0;
	opacity: 0;
	transition: opacity var(--mxd-mm-dur, 320ms) var(--mxd-mm-ease, ease);
}

/* Colori ereditati: il pannello si fonde nel menu del tema. */
html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-panel > .mxd-mm-panel__inner {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

/* Colori del pannello: resta una scheda leggibile dentro il menu. */
html.mxd-mm-mobile:not(.mxd-mm-inherit) .mxd-mm-panel > .mxd-mm-panel__inner {
	padding: 0 16px;
	border-radius: calc(var(--mxd-mm-radius, 16px) * 0.75);
	box-shadow: none;
}

html.mxd-mm-mobile .mxd-mm-parent.mxd-mm-open > .mxd-mm-panel {
	grid-template-rows: 1fr;
}

html.mxd-mm-mobile .mxd-mm-parent.mxd-mm-open > .mxd-mm-panel > .mxd-mm-panel__inner {
	opacity: 1;
}

html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-parent.mxd-mm-open > .mxd-mm-panel > .mxd-mm-panel__inner {
	padding: 16px 0 18px;
}

html.mxd-mm-mobile:not(.mxd-mm-inherit) .mxd-mm-parent.mxd-mm-open > .mxd-mm-panel > .mxd-mm-panel__inner {
	margin-top: 10px;
	padding: 18px 16px;
}

html.mxd-mm-mobile .mxd-mm-cols {
	grid-template-columns: 1fr;
	gap: 18px;
}

html.mxd-mm-mobile .mxd-mm-col {
	opacity: 1;
	transform: none;
	transition: none;
}

html.mxd-mm-mobile .mxd-mm-col + .mxd-mm-col {
	border-inline-start: 0;
	padding-inline-start: 0;
	margin-inline-start: 0;
	padding-top: 8px;
}

html.mxd-mm-mobile .mxd-mm-col__title {
	padding-inline: 0;
}

html.mxd-mm-mobile .mxd-mm-foot {
	padding-inline: 0;
}

html.mxd-mm-mobile .mxd-mm-item {
	opacity: 1;
	transform: none;
	transition: none;
}

html.mxd-mm-mobile .mxd-mm-link {
	padding-inline-start: 0;
}

html.mxd-mm-mobile .mxd-mm-link__arrow {
	opacity: 0.5;
	transform: none;
}

html.mxd-mm-mobile .mxd-mm-foot {
	margin-top: 14px;
	gap: 10px;
}

/* Tipografia mobile: si adatta a quella del menu del tema. */
html.mxd-mm-mobile .mxd-mm-col__title {
	margin-bottom: 4px;
	padding-inline: 0;
	padding-top: 0;
	font-size: 0.72em;
	letter-spacing: 0.12em;
}

html.mxd-mm-mobile .mxd-mm-link {
	padding: 8px 0;
	font-size: 0.92em;
	line-height: 1.35;
}

html.mxd-mm-mobile .mxd-mm-link:hover,
html.mxd-mm-mobile .mxd-mm-link:focus-visible {
	transform: none;
}

html.mxd-mm-mobile .mxd-mm-link__desc {
	font-size: 0.78em;
}

html.mxd-mm-mobile .mxd-mm-cta {
	padding: 8px 16px;
	font-size: 0.85em;
}

/* ------------------------------------------- Mobile: colori dal tema */

html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-link,
html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-col__title,
html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-foot__txt,
html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-link__desc {
	color: var(--mxd-mm-inherit-color, inherit);
}

html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-col__title {
	opacity: 0.55;
}

html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-link__desc,
html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-foot__txt {
	opacity: 0.6;
}

html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-link {
	opacity: 0.92;
	transition: opacity 0.25s var(--mxd-mm-ease, ease);
}

html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-link:hover,
html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-link:focus-visible {
	background-color: transparent;
	color: var(--mxd-mm-inherit-color, inherit);
	opacity: 1;
}

html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-link__arrow {
	opacity: 0.4;
}

html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-link__icon,
html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-badge,
html.mxd-mm-mobile.mxd-mm-inherit .mxd-mm-cta {
	background-color: transparent;
	border: 1px solid currentColor;
	color: var(--mxd-mm-inherit-color, inherit);
	opacity: 0.75;
}

/* Fallback senza JS */

@media (max-width: 1024px) {
	html.no-js .mxd-mm-panel {
		position: static;
		width: auto;
		opacity: 1;
		visibility: visible;
		transform: none;
	}
}

/* Accessibilità: rispetta le preferenze di movimento ridotto. */

@media (prefers-reduced-motion: reduce) {
	.mxd-mm-panel,
	.mxd-mm-col,
	.mxd-mm-item,
	.mxd-mm-link,
	.mxd-mm-link__arrow,
	.mxd-mm-cta {
		transition-duration: 0.01ms !important;
		transition-delay: 0ms !important;
		transform: none !important;
	}
}