/** * Wooptima minicart — brand theming. * * The React minicart's theme.json references CSS custom properties (--accent, * --primary, --shade-*, --radius-m, …) that the original site's theme used to * define. They are undefined here, so we map them to the Bozpo brand tokens. * Defined on :root because the drawer renders through a Chakra portal on , * outside #wooptima-minicart. */ :root { /* Action / accent (cart button, cart & checkout buttons in the drawer) — * company blue, matching the add-to-cart buttons across the site. */ --accent: var(--color-addtocart); --accent-hover: var(--color-addtocart-strong); /* Primary (drawer header, prices, progress bar, totals) — company blue. */ --primary: var(--color-addtocart); --primary-hover: var(--color-addtocart-strong); --primary-light: rgba(255, 255, 255, .72); /* Neutrals */ --base: var(--c-ink); --shade-white: var(--c-white); --shade-light: var(--c-line); --shade-medium: var(--c-muted); --shade-ultra-light: var(--c-soft); /* Radius */ --radius-m: var(--radius-10); } /* Header cart button: match the height/rhythm of the other header icon buttons * and use the body font. */ #wooptima-minicart .wooptima-cart-header { font-family: var(--font-body); box-shadow: var(--shadow-brand); } /* The drawer/popup lives in a portal — align its typography with the theme. */ .wooptima-minicart-sidebar, [class*="wooptima-cart"], #wooptima-minicart { font-family: var(--font-body); } /* Hide WooCommerce's "View cart" link that appears after adding to cart * (loop/archive add-to-cart buttons). The minicart drawer is the cart entry point. */ a.added_to_cart, a.added_to_cart.wc-forward { display: none !important; } /* Hide the whole notices block in the minicart drawer (free-shipping progress * notice + shipping-type icons + applied coupons) by request. The React app is * compiled, so CSS is the clean way to suppress it. */ .wooptima-minicart-sidebar-footer__notices { display: none !important; }