/* Mobile sticky toolbar — v0.2.56
   Keeps the burger navigation bar fixed/sticky at the top on mobile.
   Scoped only to Entrepreneur Data portal pages.
*/

@media (max-width: 900px) {
	body.ep-portal-page .ep-app-wrap,
	body.ep-portal-page .ep-app {
		overflow: visible !important;
	}

	body.ep-portal-page .ep-mobile-toolbar {
		position: sticky !important;
		top: 0 !important;
		z-index: 9999 !important;
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 14px 16px !important;
		border-bottom: 1px solid rgba(223, 230, 242, .9) !important;
		background: rgba(238, 243, 251, .96) !important;
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
		box-shadow: 0 10px 26px rgba(30, 45, 80, .08) !important;
	}

	body.ep-portal-page .ep-mobile-toolbar .ep-mobile-menu-toggle {
		flex: 0 0 auto !important;
	}

	body.ep-portal-page .ep-mobile-toolbar .ep-mobile-brand {
		min-width: 0 !important;
		flex: 1 1 auto !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	body.ep-portal-page .ep-app-main {
		padding-top: 18px !important;
	}
}

/* When logged in as WordPress admin, keep the toolbar below the admin bar. */
@media (min-width: 783px) and (max-width: 900px) {
	body.ep-portal-page.admin-bar .ep-mobile-toolbar {
		top: 32px !important;
	}
}

@media (max-width: 782px) {
	body.ep-portal-page.admin-bar .ep-mobile-toolbar {
		top: 46px !important;
	}
}

@media (max-width: 620px) {
	body.ep-portal-page .ep-mobile-toolbar {
		padding: 12px 14px !important;
	}

	body.ep-portal-page .ep-app-main {
		padding-top: 16px !important;
	}
}