/* Desktop mobile-control safety — v1.0.3
   Prevents Elementor/global theme button styles from showing mobile menu controls
   on desktop or inside Elementor editor desktop preview.
*/

@media (min-width: 901px) {
	body.ep-portal-page .ep-mobile-toolbar,
	body.ep-portal-page .ep-mobile-menu-toggle,
	body.ep-portal-page .ep-mobile-menu-close,
	body.ep-portal-page .ep-mobile-menu-backdrop {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		position: absolute !important;
		width: 0 !important;
		height: 0 !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: 0 !important;
		max-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		overflow: hidden !important;
	}

	body.ep-portal-page .ep-app-sidebar {
		transform: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body.ep-portal-page.ep-mobile-menu-open {
		overflow: auto !important;
	}

	body.ep-portal-page.ep-mobile-menu-open::before {
		display: none !important;
		content: none !important;
	}
}

/* Extra protection only while editing in Elementor desktop preview.
   Do not apply this to mobile preview, otherwise the burger menu cannot work. */
@media (min-width: 901px) {
	body.elementor-editor-active.ep-portal-page .ep-mobile-toolbar,
	body.elementor-editor-active.ep-portal-page .ep-mobile-menu-toggle,
	body.elementor-editor-active.ep-portal-page .ep-mobile-menu-close,
	body.elementor-editor-active.ep-portal-page .ep-mobile-menu-backdrop,
	body.elementor-editor-preview.ep-portal-page .ep-mobile-toolbar,
	body.elementor-editor-preview.ep-portal-page .ep-mobile-menu-toggle,
	body.elementor-editor-preview.ep-portal-page .ep-mobile-menu-close,
	body.elementor-editor-preview.ep-portal-page .ep-mobile-menu-backdrop {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
}