/* Mobile fixed toolbar — v0.2.57
   Removes top/left/right gaps and keeps the mobile burger bar fixed at the top.
   Loaded after the previous sticky toolbar module so this file wins the cascade.
*/

@media (max-width: 900px) {
	html,
	body.ep-portal-page {
		overflow-x: hidden !important;
	}

	body.ep-portal-page .ep-app-wrap,
	body.ep-portal-page .ep-app {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	body.ep-portal-page .ep-mobile-toolbar {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 100000 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		margin: 0 !important;
		padding: 14px 16px !important;
		border-radius: 0 !important;
		border: 0 !important;
		border-bottom: 1px solid rgba(223, 230, 242, .95) !important;
		background: rgba(238, 243, 251, .98) !important;
		box-shadow: 0 12px 28px rgba(30, 45, 80, .10) !important;
		backdrop-filter: blur(14px) !important;
		-webkit-backdrop-filter: blur(14px) !important;
		transform: none !important;
	}

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

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

	/* Add space for the fixed toolbar so content starts below it. */
	body.ep-portal-page .ep-app-main {
		padding-top: 112px !important;
	}
}

/* WordPress admin bar spacing when testing as admin */
@media (min-width: 783px) and (max-width: 900px) {
	body.ep-portal-page.admin-bar .ep-mobile-toolbar {
		top: 32px !important;
	}

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

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

	body.ep-portal-page.admin-bar .ep-app-main {
		padding-top: 132px !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: 104px !important;
	}
}