/**
 * Surver Menu Drilldown — base panel rules (always loaded).
 *
 * Panel visibility must work without a media query — CSS variables are invalid
 * inside @media and would cause the entire mobile stylesheet to be ignored.
 */

.surver-menu-drilldown-enabled {
	display: block;
	width: 100%;
}

.surver-menu-drilldown-enabled .surver-menu-drilldown__viewport {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.surver-menu-drilldown-enabled .surver-menu-drilldown__panel {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Hide inactive panels — works before and after JS init */
.surver-menu-drilldown-enabled .surver-menu-drilldown__panel.is-hidden,
.surver-menu-drilldown-enabled.surver-menu-drilldown--active .surver-menu-drilldown__panel:not(.is-active) {
	display: none !important;
}

.surver-menu-drilldown-enabled.surver-menu-drilldown--active .surver-menu-drilldown__panel.is-active {
	display: block !important;
}

.surver-menu-drilldown-enabled .surver-menu-drilldown__item {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Blocksy mobile menu customizer: inherit item spacing and dividers from nav.mobile-menu.
 * Variables are output on the offcanvas mobile-menu element by Blocksy dynamic styles.
 */
nav.mobile-menu .surver-menu-drilldown-enabled .surver-menu-drilldown__root {
	border-top: var(--mobile-menu-divider);
}

nav.mobile-menu .surver-menu-drilldown-enabled .surver-menu-drilldown__panel > li {
	display: flex;
	flex-direction: column;
	align-items: var(--horizontal-alignment, flex-start);
	border-bottom: var(--mobile-menu-divider);
}

nav.mobile-menu .surver-menu-drilldown-enabled .surver-menu-drilldown__link.ct-menu-link {
	text-align: var(--text-horizontal-alignment, left);
	justify-content: var(--horizontal-alignment, flex-start);
	--menu-item-padding: var(--items-vertical-spacing, 5px) 0;
}

nav.mobile-menu .surver-menu-drilldown-enabled .surver-menu-drilldown__back {
	padding: var(--items-vertical-spacing, 5px) 0 !important;
	text-align: var(--text-horizontal-alignment, left);
}

nav.mobile-menu .surver-menu-drilldown-enabled .surver-menu-drilldown__row {
	display: flex;
	align-items: center;
	column-gap: 10px;
	width: 100%;
}

.surver-menu-drilldown-enabled .surver-menu-drilldown__row .surver-menu-drilldown__link {
	flex: 1 1 auto;
	min-width: 0;
}

.surver-menu-drilldown-enabled button {
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	color: inherit !important;
	font: inherit !important;
	line-height: inherit !important;
}

.surver-menu-drilldown-enabled .surver-menu-drilldown__toggle {
	flex: 0 0 2.75rem;
	width: 2.75rem;
	height: 2.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0 !important;
	opacity: 0.55;
}

.surver-menu-drilldown-enabled .surver-menu-drilldown__toggle-icon {
	display: flex;
	pointer-events: none;
}

.surver-menu-drilldown-enabled .surver-menu-drilldown__back {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	width: 100%;
	cursor: pointer;
	text-align: left;
	padding: 0 !important;
}

.surver-menu-drilldown-enabled .ct-toggle-dropdown-mobile,
.surver-menu-drilldown-enabled .sub-menu {
	display: none !important;
}