/* EE side cart v1 (8 Oct 2026): the phone cart drawer on every screen size (ee-cart-page.php). */
@media (min-width: 769px) {
	.ee-cart-overlay { display: block !important; }
	.ee-mobile-cart-drawer:not([hidden]) { display: block !important; }
	.ee-mobile-cart-drawer { width: 420px !important; max-width: 420px !important; }
	body.ee-cart-open { overflow: hidden; }
	/* The theme's own mini-cart panel never opens now; keep it from flashing. */
	.bdt-offcanvas[id^="bdt-offcanvas-"]:has(.widget_shopping_cart_content, .woocommerce-mini-cart, [class*="mini-cart"]) { display: none !important; }
}
@media (min-width: 783px) {
	.admin-bar .ee-mobile-cart-drawer { top: 32px; }
}
/* Prices in the drawer: one readable colour on every page. The site's price colour is a pale orange (too
   light on white) and product pages override it with their own, so the drawer looked different per page. */
html body .ee-mobile-cart-drawer span.woocommerce-Price-amount.amount,
html body .ee-mobile-cart-drawer span.woocommerce-Price-amount.amount bdi,
html body .ee-mobile-cart-drawer span.woocommerce-Price-currencySymbol { color: #7d5e1f !important; letter-spacing: 0 !important; }
/* The subtotal bar is navy: the whole amount in white. */
html body .ee-mobile-cart-drawer .ee-cart-summary span.woocommerce-Price-amount.amount,
html body .ee-mobile-cart-drawer .ee-cart-summary span.woocommerce-Price-amount.amount bdi,
html body .ee-mobile-cart-drawer .ee-cart-summary span.woocommerce-Price-currencySymbol { color: #fff !important; }