/* ========================================================== CART PAGE - Cream-beige background - Header reversed to red (scoped via .cart-page on ) ========================================================== */ :root { --cart-red: #ca1b20; --cart-cream: #FEF1E5; } /* Page background — cream beige. !important overrides the inline background on layouts.customer's . */ body.cart-page { background: var(--cart-cream) !important; } /* ── Header — reversed to red ── */ .cart-page .motw-nav { background: var(--cart-red); } /* Tint the red logo to cream so it reads on the red bar (same filter as footer.css) */ .cart-page .motw-nav-brand img { filter: brightness(0) saturate(100%) invert(97%) sepia(9%) saturate(500%) hue-rotate(320deg) brightness(103%); } .cart-page .motw-nav-links a { color: #fff; } .cart-page .motw-nav-links a:hover, .cart-page .motw-nav-links a.is-active { color: var(--motw-orange, #F39C2D); } .cart-page .motw-nav-cart { color: #fff; } .cart-page .motw-nav-cart:hover { color: var(--motw-orange, #F39C2D); } .cart-page .motw-nav-toggle { color: #fff; } .cart-page .motw-btn-signin { color: #fff; border-color: #fff; } .cart-page .motw-btn-signin:hover { background: #fff; color: var(--cart-red); } @media (max-width: 900px) { .cart-page .motw-nav-right { border-top-color: rgba(255,255,255,0.25); } }