/**
 * Aura Press — Mobile drill-down Type 4
 * Side-by-side panels (no overlap): Level N slides left, Level N+1 slides in.
 * Only applies when [data-drilldown="yes"] (Customizer → Dropdown Toggle Icon → Type 4).
 */

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] {
	--aura-drill-gap: 8px;
	--aura-drill-pad-y: 7px;
	--aura-drill-pad-x: 0px;
	--aura-drill-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--aura-drill-duration: 0.35s;
	--aura-drill-text: #1a1c1c;
	--aura-drill-muted: #5e5e5e;
	--aura-drill-line: #e8e0e1;
	--aura-drill-bg: var(--theme-palette-color-8, #ffffff);

	position: relative;
	/* Clip horizontal panel slide; allow vertical scroll for long lists */
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-y: contain;
	width: 100%;
	max-height: calc(100dvh - 8rem);
}

/* Root list slides as a track */
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] > ul {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--aura-drill-gap);
	transition: transform var(--aura-drill-duration) var(--aura-drill-ease);
	will-change: transform;
	border: none;
	padding-top: 10px;
}

/*
 * Kill accordion hide; place each submenu to the RIGHT of its parent panel.
 * overflow MUST stay visible so level-3+ panels (left: 100% of parent ul)
 * are not clipped — only the deepest active panel scrolls.
 */
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] [class*='children'] > ul,
#offcanvas
	.mobile-menu.aura-drilldown[data-drilldown='yes'][data-interaction='click']
	[class*='children']:not(.dropdown-active)
	> ul {
	display: flex;
	flex-direction: column;
	gap: var(--aura-drill-gap);
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	margin: 0;
	padding: 0 0 24px;
	height: auto;
	max-height: none;
	/* Override Blocksy overflow:hidden — critical for 3+ level menus */
	overflow: visible;
	background: var(--aura-drill-bg);
	box-sizing: border-box;
	list-style: none;
	visibility: hidden;
	pointer-events: none;
	z-index: 2;
}

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] [class*='children'] > ul.drill-active {
	visibility: visible;
	pointer-events: auto;
}

/* Only the deepest open panel scrolls (parents stay overflow:visible for nesting) */
#offcanvas
	.mobile-menu.aura-drilldown[data-drilldown='yes']
	[class*='children']
	> ul.drill-active.drill-scrollable:not(:has(> .menu-item-has-children.drill-open, > .page_item_has_children.drill-open)) {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-y: contain;
	touch-action: pan-y;
	min-height: 0;
}

/* Root list scrolls when no submenu is open */
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes']:not(:has(.drill-open)) > ul.drill-scrollable {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-y: contain;
	touch-action: pan-y;
	min-height: 0;
	/* Avoid transform/will-change fighting touch scroll at depth 0 */
	will-change: auto;
	border: none;
}

/* Rows — do NOT position:relative (would shrink nested panel height to one row) */
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] li {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	margin: 0;
	border: none;
}

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .ct-sub-menu-parent {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	column-gap: 12px;
}

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .ct-menu-link,
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] > ul > li > a,
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] ul.sub-menu > li > a,
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] ul.children > li > a {
	flex: 1;
	display: flex;
	align-items: center;
	padding: var(--aura-drill-pad-y) var(--aura-drill-pad-x) !important;
	font-family: Montserrat, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.02em;
	color: var(--aura-drill-text);
	text-decoration: none;
	min-height: 34px;
	box-sizing: border-box;
}

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .ct-sub-menu-parent .ct-menu-link,
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .ct-sub-menu-parent > a {
	border-bottom: none !important;
}

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .ct-toggle-dropdown-mobile {
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	margin-inline-end: 2px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: transparent;
	color: var(--aura-drill-text);
	cursor: pointer;
	padding: 0;
}

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .ct-toggle-dropdown-mobile svg {
	width: 14px;
	height: 14px;
	transform: rotate(-90deg);
}

/* Hide submenu dots for cleaner drill-down */
#offcanvas
	.mobile-menu.aura-drilldown[data-drilldown='yes'][data-submenu-dots='yes']
	.sub-menu
	.ct-menu-link::before,
#offcanvas
	.mobile-menu.aura-drilldown[data-drilldown='yes'][data-submenu-dots='yes']
	.children
	.ct-menu-link::before {
	display: none !important;
	content: none !important;
}

/* Back */
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .aura-drill-back-item {
	border-bottom: 1px solid var(--aura-drill-line);
	flex-shrink: 0;
}

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .aura-drill-back {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: var(--aura-drill-pad-y) var(--aura-drill-pad-x);
	min-height: 56px;
	border: none;
	background: transparent;
	cursor: pointer;
	font-family: Montserrat, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--aura-drill-muted);
	text-align: left;
}

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .aura-drill-back__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--aura-drill-text);
}

#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] .aura-drill-back__label {
	color: var(--aura-drill-text);
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.2;
}
#offcanvas .mobile-menu.aura-drilldown[data-drilldown='yes'] li:last-child {
    padding-bottom: 10px;
}