/* Mobile overlay above toolbar — v0.2.61
   Ensures the dark overlay covers the fixed mobile burger navbar area,
   while keeping the open sidebar drawer above the overlay.
*/

@media (max-width: 900px) {
	/* Toolbar must sit below the overlay when the menu is open. */
	body.ep-portal-page.ep-mobile-menu-open .ep-mobile-toolbar {
		z-index: 99998 !important;
	}

	/* Overlay should be above the fixed navbar, but below the drawer. */
	body.ep-portal-page.ep-mobile-menu-open::before {
		z-index: 100001 !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		background: rgba(6, 12, 26, .58) !important;
		border-radius: 0 !important;
		pointer-events: none !important;
	}

	/* Keep the closeable backdrop layer above the toolbar too. */
	body.ep-portal-page .ep-mobile-menu-backdrop {
		z-index: 100001 !important;
	}

	/* Sidebar and close button stay above overlay. */
	body.ep-portal-page .ep-app-sidebar,
	body.ep-portal-page .ep-app-sidebar.is-open,
	body.ep-portal-page .ep-app-sidebar[aria-hidden="false"] {
		z-index: 100003 !important;
	}

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