/**
 * Shop Kit · Mobile menu — the Shoptimizer adapter (enqueued when the active parent theme is
 * Shoptimizer; loads after mobile-menu.css).
 *
 * Shoptimizer's mobile menu is its desktop menu bar (.col-full-nav) slid in from the side by
 * body.mobile-toggled, with a floating ✕ (.mobile-menu.close-drawer). The sheet replaces it below
 * 993px: the drawer and its ✕ are hidden (the markup stays — it is the desktop bar), the theme's
 * script never sees the hamburger's click (mobile-menu.js stops it), and the hamburger's three
 * bars take the bar's ink (--sk-menu-bar-ink). The theme's masthead ≤992px is 70px tall with the hamburger 15px
 * from the inline start and the cart 15px from the inline end — the bar's defaults; a store
 * whose masthead differs sets --sk-menu-bar-h / --sk-menu-gutter in its own stylesheet.
 */

@media (max-width: 992px) {
	.col-full-nav,
	.mobile-menu.close-drawer {
		display: none !important;
	}
	.site-branding button.menu-toggle .bar {
		background-color: var(--sk-menu-bar-ink);
	}
}