.cbee-mnav { display: none; }
@media (max-width: 999px) {
	body { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
	.cbee-mnav {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
		display: flex; background: #fff; border-top: 1px solid rgba(0, 0, 0, .1);
		padding-bottom: env(safe-area-inset-bottom);
		box-shadow: 0 -2px 12px rgba(0, 0, 0, .06);
	}
	.cbee-mnav a {
		position: relative; flex: 1 1 0; min-width: 0; height: 58px;
		display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
		color: #555; text-decoration: none; font-size: 10.5px; line-height: 1;
	}
	.cbee-mnav a span:not(.cbee-mnav-count) { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.cbee-mnav a.is-on { color: var(--theme-palette-color-1, #007bc7); font-weight: 600; }
	.cbee-mnav-count {
		position: absolute; top: 6px; left: calc(50% + 6px); min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box;
		border-radius: 8px; background: var(--theme-palette-color-1, #007bc7); color: #fff; font-size: 10px; font-weight: 700;
		display: flex; align-items: center; justify-content: center;
	}
	.cbee-mnav-count[data-count="0"] { display: none; }

	.mobile-menu li.cbee-mnav-small { display: inline-block !important; width: auto !important; border: 0 !important; margin: 0 14px 0 0 !important; }
	.mobile-menu li.cbee-mnav-small > a { font-size: 13px !important; opacity: .65; padding: 4px 0 !important; min-height: 0 !important; line-height: 1.6 !important; }
	.mobile-menu li.cbee-mnav-help { margin-bottom: 16px !important; }
	.mobile-menu li.cbee-mnav-help > span > a,
	.mobile-menu li.cbee-mnav-help > a { opacity: .8; }
}

/* Drawer in the shop's own look instead of Blocksy's black: white panel, dark text, accent on the current page */
#offcanvas .ct-panel-inner {
	background: #fff !important;
	box-shadow: -10px 0 40px rgba(0, 0, 0, .18);
}
#offcanvas .ct-toggle-close,
#offcanvas .ct-toggle-close:hover { color: #222 !important; }
#offcanvas .mobile-menu {
	--theme-link-initial-color: #222;
	--theme-link-hover-color: var(--theme-palette-color-1, #007bc7);
	--theme-link-active-color: var(--theme-palette-color-1, #007bc7);
	--theme-text-color: #222;
	--theme-border-color: rgba(0, 0, 0, .08);
}
#offcanvas .mobile-menu .ct-menu-link,
#offcanvas .mobile-menu .ct-toggle-dropdown-mobile { color: #222 !important; }
#offcanvas .mobile-menu .current-menu-item > a,
#offcanvas .mobile-menu .current-menu-item > span > a { color: var(--theme-palette-color-1, #007bc7) !important; }
#offcanvas .mobile-menu li { border-color: rgba(0, 0, 0, .08) !important; }
#offcanvas .mobile-menu .sub-menu .ct-menu-link { font-size: 16px; opacity: .85; }

@media (max-width: 999px) {
	/* Blocksy's back-to-top button sits above the tab bar, not on it */
	.ct-back-to-top { bottom: calc(72px + env(safe-area-inset-bottom)) !important; }
}
