/* Mobile Header Customization - Show cart at right, hamburger at left, logo centered */

@media (max-width: 768px) {
	/* Prevent horizontal scroll */
	#page {
		overflow: hidden !important;
	}
	
	/* Hide mobile menu wrapper but keep hamburger accessible via fixed positioning */
	.bb-mobile-header-wrapper {
		visibility: hidden !important;
		height: 0 !important;
		overflow: hidden !important;
	}
	
	/* Header container: flex layout for hamburger | logo | cart */
	.site-header-container {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: auto !important;
		height: auto !important;
		gap: 0 !important;
		position: relative !important;
	}
	
	/* Hamburger menu icon - fixed position to escape hidden wrapper */
	.bb-left-panel-icon-wrap {
		display: flex !important;
		flex: 0 0 auto !important;
		position: absolute !important;
		left: 0 !important;
		top: 0 !important;
		height: 60px !important;
		width: 50px !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
		z-index: 1001 !important;
	}
	
	.bb-left-panel-icon-wrap a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 100% !important;
		visibility: visible !important;
	}
	
	.bb-left-panel-icon-wrap i {
		font-size: 28px !important;
		visibility: visible !important;
	}
	
	/* Hide hamburger when menu is open */
	body.bb-mobile-panel-open .bb-left-panel-icon-wrap {
		display: none !important;
	}
	
	/* Hide cart when menu is open */
	body.bb-mobile-panel-open #header-aside,
	body.bb-mobile-panel-open .header-aside {
		display: none !important;
	}
	
	/* Hide original toggle panel */
	.bb-toggle-panel {
		display: none !important;
	}
	
	/* Hide main navigation in header */
	.site-header-container #site-navigation,
	.site-header-container nav.main-navigation {
		display: none !important;
	}
	
	/* Center logo between hamburger and cart */
	.site-header-container .site-branding,
	.site-header-container #site-logo {
		display: block !important;
		flex: 1 1 auto !important;
		text-align: center !important;
		margin: 0 auto !important;
	}
	
	/* Cart positioned at right - using fixed to avoid layout overflow */
	#header-aside,
	.header-aside {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: auto !important;
		height: 60px !important;
		max-width: none !important;
		min-width: auto !important;
		overflow: visible !important;
		position: absolute !important;
		right: 10px !important;
		top: 0 !important;
		flex: 0 0 auto !important;
		z-index: 1000 !important;
	}
	
	/* Cart inner container */
	.header-aside-inner {
		display: flex !important;
		gap: 0 !important;
		align-items: center !important;
	}
	
	/* Hide all items in header-aside except cart */
	.header-aside-inner > * {
		display: none !important;
	}
	
	/* Show only cart icon */
	.header-aside-inner .notification-wrap.header-cart-link-wrap,
	.header-aside-inner .cart-wrap {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}