/* These overrides only apply while JS identifies a mobile Oxygen menu. */
.evk-mobile-accordion .evk-menu-item {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
}

.evk-mobile-accordion .evk-menu-item > .evk-menu-trigger {
	display: flex !important;
	align-items: center;
	min-height: 44px;
	white-space: normal;
	cursor: pointer;
	touch-action: manipulation;
}

/* Override hover, focus-within, inline slide animations and flyout offsets. */
.evk-mobile-accordion .evk-menu-item > .evk-menu-panel {
	display: none !important;
	position: static !important;
	inset: auto !important;
	float: none !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;
	overflow: visible !important;
	pointer-events: auto !important;
	white-space: normal !important;
}

.evk-mobile-accordion .evk-menu-expanded > .evk-menu-panel {
	display: flex !important;
	flex-direction: column;
}

.evk-mobile-accordion .evk-menu-panel a {
	white-space: normal !important;
	overflow-wrap: anywhere;
}

.evk-mobile-accordion .evk-menu-scroll {
	min-height: 0 !important;
	max-height: var(--evk-menu-available-height, 80vh) !important;
	max-height: var(--evk-menu-available-height, 80dvh) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior-y: contain;
	-webkit-overflow-scrolling: touch;
}