/**
 * Business Explained — Checkout v2: Header
 * be-co2-header-v1.css — mobile only (≤1024px), scoped to body.be-co2
 * Figma 6585:1020 — logo left (132px), bag icon right, 60px tall, no trust image.
 * Overrides the "AFTER LOGO CHECKOUT ELEMENT" block in style.css for v2 visitors.
 * Kill switch: remove the be-co2-header enqueue line in functions.php.
 */

@media (max-width: 1024px) {

	body.be-co2 .whb-general-header .container,
	body.be-co2 .whb-general-header-inner {
		height: 60px !important;
		max-height: 60px !important;
	}

	body.be-co2 .whb-general-header .container {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	/* Logo column back to a simple left-aligned row */
	body.be-co2 .whb-general-header .whb-mobile-left {
		flex-direction: row !important;
		justify-content: flex-start !important;
		align-items: center !important;
		margin-left: 0 !important;
	}

	/* Remove the avatars / guarantee image under the logo */
	body.be-co2 .whb-general-header .whb-mobile-left::after {
		content: none !important;
		display: none !important;
	}

	body.be-co2 .whb-mobile-left .site-logo {
		padding: 0 !important;
	}

	body.be-co2 .whb-mobile-left .site-logo img {
		width: 132px !important;
		max-width: 132px !important;
		height: auto !important;
	}

	/* Right side: bag icon only */
	body.be-co2 .whb-general-header-inner .whb-mobile-right {
		position: absolute;
		top: 50%;
		right: 18px;
		transform: translateY(-50%);
	}

	body.be-co2 .whb-mobile-right .wd-header-mobile-nav {
		display: none !important;
	}

	body.be-co2 .whb-mobile-right .wd-header-cart {
		display: flex !important;
	}

	body.be-co2 .whb-mobile-right .wd-header-cart .wd-cart-number {
		display: none !important;
	}

	body.be-co2 .whb-mobile-right .wd-header-cart .wd-tools-icon {
		color: #1f1f1f;
	}

	body.be-co2 .whb-mobile-right .wd-header-cart .wd-tools-icon::before {
		font-size: 24px;
		color: #1f1f1f;
	}

} /* end @media (max-width: 1024px) */