/*
 * Vitacomoda — menu mobile Kadence (drawer): touch, sottomenu, navigazione.
 */

/* Drawer sopra sticky CTA marketplace e header */
#mobile-drawer,
#mobile-drawer .drawer-inner,
.popup-drawer.active,
.popup-drawer.show-drawer,
.drawer-overlay.active {
	z-index: 200001 !important;
}

body.vc-drawer-open .vc-marketplace__sticky-cta {
	display: none !important;
	pointer-events: none !important;
}

/* Area scrollabile e tap affidabili */
#mobile-drawer .drawer-inner,
.popup-drawer .drawer-inner {
	max-height: 100dvh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	touch-action: pan-y;
}

.popup-drawer .drawer-content,
.popup-drawer .drawer-navigation,
.mobile-navigation {
	position: relative;
	z-index: 1;
}

/* Voci con sottomenu: link + pulsante espandi (non un’unica area ambigua) */
.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap,
.popup-drawer .drawer-content li.menu-item-has-children > .drawer-nav-drop-wrap {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	min-height: 52px;
	margin: 0;
	gap: 0;
	border-radius: 16px;
	overflow: hidden;
}

.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap > a,
.popup-drawer .drawer-content li.menu-item-has-children > .drawer-nav-drop-wrap > a {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 52px;
	display: flex;
	align-items: center;
	touch-action: manipulation;
	-webkit-tap-highlight-color: rgba(4, 69, 175, 0.12);
}

.mobile-navigation ul li.menu-item-has-children .drawer-sub-toggle,
.popup-drawer .drawer-content li.menu-item-has-children .drawer-sub-toggle {
	flex: 0 0 52px;
	width: 52px;
	min-width: 52px;
	min-height: 52px;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-left: 1px solid rgba(4, 69, 175, 0.12);
	border-radius: 0;
	background: rgba(4, 69, 175, 0.06);
	color: inherit;
	cursor: pointer;
	touch-action: manipulation;
	-webkit-tap-highlight-color: rgba(4, 69, 175, 0.15);
	position: relative;
	z-index: 2;
}

.mobile-navigation ul li.menu-item-has-children .drawer-sub-toggle .kadence-svg-iconset,
.popup-drawer .drawer-content li.menu-item-has-children .drawer-sub-toggle .kadence-svg-iconset {
	pointer-events: none;
}

/* Pallino decorativo non intercetta il tap */
.mobile-navigation ul li a::before,
.popup-drawer .drawer-content li a::before {
	pointer-events: none;
}

/* Link foglia: tutta la card cliccabile */
.mobile-navigation ul li:not(.menu-item-has-children) > a,
.popup-drawer .drawer-content li:not(.menu-item-has-children) > a {
	position: relative;
	z-index: 1;
	width: 100%;
	touch-action: manipulation;
	cursor: pointer;
}

/* Sottomenu aperto */
.mobile-navigation ul li .sub-menu,
.popup-drawer .drawer-content li .sub-menu {
	display: none;
	margin: 0.5rem 0 0;
	padding: 0 0 0 0.65rem;
	list-style: none;
	border-left: 2px solid rgba(4, 184, 216, 0.35);
}

.mobile-navigation ul li .sub-menu.show,
.popup-drawer .drawer-content li .sub-menu.show,
.mobile-navigation ul li .sub-menu[aria-hidden="false"],
.popup-drawer .drawer-content li .sub-menu[aria-hidden="false"] {
	display: block;
}

.mobile-navigation ul li .sub-menu a,
.popup-drawer .drawer-content li .sub-menu a {
	min-height: 48px;
	font-size: 0.9375rem;
	padding: 0.75rem 1rem !important;
}

/* Hamburger e chiusura */
#mobile-header .menu-toggle-open,
.popup-drawer .drawer-toggle,
.popup-drawer .drawer-header .drawer-toggle {
	min-width: 48px;
	min-height: 48px;
	touch-action: manipulation;
	cursor: pointer;
}

.drawer-overlay {
	touch-action: manipulation;
	cursor: pointer;
}

/* Niente animazione hover che ritarda il tap su mobile */
@media (max-width: 1024px) {
	.mobile-navigation ul li a,
	.popup-drawer .drawer-content li a,
	.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap > a {
		transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
	}

	.mobile-navigation ul li a:hover,
	.popup-drawer .drawer-content li a:hover,
	.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap > a:hover {
		transform: none;
	}
}

@media (max-width: 767px) {
	.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap > a,
	.popup-drawer .drawer-content li.menu-item-has-children > .drawer-nav-drop-wrap > a,
	.mobile-navigation ul li:not(.menu-item-has-children) > a,
	.popup-drawer .drawer-content li:not(.menu-item-has-children) > a {
		min-height: 56px;
		font-size: 1rem;
		line-height: 1.35;
	}

	.mobile-navigation ul li.menu-item-has-children .drawer-sub-toggle,
	.popup-drawer .drawer-content li.menu-item-has-children .drawer-sub-toggle {
		flex: 0 0 56px;
		width: 56px;
		min-width: 56px;
		min-height: 56px;
	}
}