/* ─── HEADER: FORCE BLACK MENU & ICONS ──────────────────────────── */ /* Make header text, menu links, and icons black */ .header, .header * { color: #000000 !important; } /* Override any hover/focus states that may turn text white */ .header a:hover, .header a:focus, .header summary:hover, .header summary:focus { color: #000000 !important; } /* ─── HEADER ICONS: SIDE BY SIDE HORIZONTAL ────────────────────── */ /* Ensure the icon list container is a single horizontal row */ .header__icon-list, .header__secondary-nav { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; /* adjust spacing as needed */ } /* Each icon wrapper stays inline */ .header__icon-list > li, .header__icon-list > a, .header__icon-list > button { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; } /* Force icons to stay inline and not wrap or stack */ .header__icon-list .icon, .header__icon-list svg { display: block !important; flex-shrink: 0 !important; } /* ─── MOBILE FIX: Keep icons side by side ────────────────────────── */ @media screen and (max-width: 749px) { .header__icon-list { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 0 !important; } .header__icon-list > li { display: flex !important; align-items: center !important; } /* Fix for wishlist app icons that might be injected separately */ .header__wrapper > [class*="wishlist"], .header__wrapper > [id*="wishlist"], .header__wrapper > .swym-button, .header__wrapper [class*="growave"] { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; position: relative !important; inset: auto !important; float: none !important; margin: 0 !important; } [class*="wishlist"] svg { width: 24px !important; height: 24px !important; } } /* ─── 3. HEADING FONT WEIGHTS ──────────────────────────────── */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .title, button { font-weight: 400 !important; } /* ─── FIX: Cart + Wishlist icons side by side on mobile ─────── */ @media screen and (max-width: 749px) { .header__icon-list { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0 !important; } .header__icon-list > li { display: flex !important; align-items: center !important; } /* If wishlist icon is injected OUTSIDE the ul, pull it inline */ .header__wrapper > [class*="wishlist"], .header__wrapper > [id*="wishlist"], .header__wrapper > .swym-button, .header__wrapper [class*="growave"] { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; } } /* ============================================================ HEADER: force icons + menu to black, fix icon row alignment ============================================================ */ /* 1) Force black everywhere the header reads color from — covers both the normal header and the "transparent over image" state, on mobile and desktop, since all icon SVGs use currentColor */ :root { --header-text: 0 0 0 !important; } .header, .header[allow-transparency]:not(.is-filled) { --text-color: 0 0 0 !important; --header-transparent-text-color: 0 0 0 !important; } /* 2) Keep all icons on a single row, vertically centred, instead of wrapping onto a second line */ .header__icon-list, .header__secondary-nav { flex-wrap: nowrap !important; align-items: center !important; color: 000000 !important; } .header__icon-list > li, .header__icon-list > a, .header__icon-list > button { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: 000000 !important; } /* 3) Wishlist app heart icon — this is injected by your wishlist app, not the theme, and is what's wrapping under the cart icon. Force it to sit inline at the same height instead of stacking/floating. */ [class*="wishlist-hero" i], [class*="wishlisthero" i], [class*="wishlist" i] a, [class*="wishlist" i] button { position: relative !important; inset: auto !important; float: none !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; margin: 0 !important; } [class*="wishlist" i] svg { fill: rgb(0 0 0) !important; color: rgb(0 0 0) !important; width: 24px; height: 24px; }

Your cart is empty

Search

The Click Furniture Advantage

2 to 7 Day Delivery

Buy Quality Imported Furniture

Secure Payments Guaranteed

Get it now, Pay Over 2 Months

7-Day Peace of Mind Promise!

T'S & C'S apply - Read our full return policy HERE