/* Mobile overlay repaint — v0.2.60
   Repaints the mobile menu overlay using body::before instead of relying on
   the backdrop button background. This avoids rounded-corner artefacts from
   themes, Elementor preview wrappers, or button styles.
*/

@media (max-width: 900px) {
	body.ep-portal-page.ep-mobile-menu-open::before {
		content: "" !important;
		position: fixed !important;
		z-index: 100000 !important;
		inset: -80px !important;
		width: calc(100vw + 160px) !important;
		height: calc(100dvh + 160px) !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		outline: 0 !important;
		background: rgba(6, 12, 26, .58) !important;
		box-shadow: none !important;
		pointer-events: none !important;
		clip-path: none !important;
	}

	/* Keep the button clickable, but remove its visual background so it cannot create a rounded corner. */
	body.ep-portal-page .ep-mobile-menu-backdrop,
	body.ep-portal-page .ep-mobile-menu-backdrop:hover,
	body.ep-portal-page .ep-mobile-menu-backdrop:focus,
	body.ep-portal-page .ep-mobile-menu-backdrop:active {
		background: transparent !important;
		background-color: transparent !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		clip-path: none !important;
	}

	body.ep-portal-page .ep-app-sidebar {
		z-index: 100002 !important;
		border-radius: 0 !important;
	}

	body.ep-portal-page .ep-mobile-menu-close {
		z-index: 100003 !important;
	}
}

/* Elementor mobile preview sometimes adds rounded clipping on wrapper elements.
   Keep every portal wrapper square while the menu is open. */
@media (max-width: 900px) {
	body.ep-portal-page.ep-mobile-menu-open,
	body.ep-portal-page.ep-mobile-menu-open .site,
	body.ep-portal-page.ep-mobile-menu-open .site-main,
	body.ep-portal-page.ep-mobile-menu-open #content,
	body.ep-portal-page.ep-mobile-menu-open .site-content,
	body.ep-portal-page.ep-mobile-menu-open .content-area,
	body.ep-portal-page.ep-mobile-menu-open article,
	body.ep-portal-page.ep-mobile-menu-open .page-content,
	body.ep-portal-page.ep-mobile-menu-open .entry-content,
	body.ep-portal-page.ep-mobile-menu-open .elementor,
	body.ep-portal-page.ep-mobile-menu-open .elementor-section,
	body.ep-portal-page.ep-mobile-menu-open .elementor-container,
	body.ep-portal-page.ep-mobile-menu-open .elementor-column,
	body.ep-portal-page.ep-mobile-menu-open .elementor-widget-wrap,
	body.ep-portal-page.ep-mobile-menu-open .elementor-widget-container,
	body.ep-portal-page.ep-mobile-menu-open .elementor-shortcode,
	body.ep-portal-page.ep-mobile-menu-open .ep-app-wrap,
	body.ep-portal-page.ep-mobile-menu-open .ep-app {
		border-radius: 0 !important;
		clip-path: none !important;
	}
}