/* ==========================================================================
DESIWED v3.4 — Shop grid LAST-WORD reset
Diagnosed via SSH: HTML has exactly 12 .product
children, no phantom
elements. The empty cell #1 (and trailing empty cells) is pure CSS — some
rule in the cascade is setting grid-column-start on the first product.
This file loads LAST and uses maximum specificity to neutralize ALL
positioning logic on .product items, then uses grid-auto-flow: dense as
a backstop to backfill any stray gaps.
========================================================================== */
/* ==========================================================================
1. ul.products — strict 3-col desktop, 2-col mobile, dense flow
========================================================================== */
html body.desiwed-rebrand ul.products,
html body.desiwed-rebrand .woocommerce ul.products,
html body.desiwed-rebrand .woocommerce-page ul.products,
html body.desiwed-rebrand.woocommerce-shop ul.products,
html body.desiwed-rebrand.tax-product_cat ul.products,
html body.desiwed-rebrand.post-type-archive-product ul.products,
html body.desiwed-rebrand ul.products.columns-1,
html body.desiwed-rebrand ul.products.columns-2,
html body.desiwed-rebrand ul.products.columns-3,
html body.desiwed-rebrand ul.products.columns-4,
html body.desiwed-rebrand ul.products.columns-5,
html body.desiwed-rebrand ul.products.columns-6 {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-rows: auto !important;
gap: 32px 24px !important;
padding: 24px 32px 80px !important;
margin: 0 auto !important;
list-style: none !important;
width: 100% !important;
max-width: 1400px !important;
box-sizing: border-box !important;
}
/* Tablet: 2 cols */
@media (max-width: 1100px) {
html body.desiwed-rebrand ul.products,
html body.desiwed-rebrand .woocommerce ul.products,
html body.desiwed-rebrand .woocommerce-page ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* Mobile: 2 cols (was already in v32 but reaffirming for cascade order) */
@media (max-width: 768px) {
html body.desiwed-rebrand ul.products,
html body.desiwed-rebrand .woocommerce ul.products,
html body.desiwed-rebrand .woocommerce-page ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 28px 12px !important;
padding: 12px 12px 80px !important;
}
}
/* ==========================================================================
2. EVERY .product — kill all positioning, let grid place them naturally
This is the actual fix for the empty-first-cell bug.
========================================================================== */
html body.desiwed-rebrand ul.products > li.product,
html body.desiwed-rebrand ul.products > li.product.first,
html body.desiwed-rebrand ul.products > li.product.last,
html body.desiwed-rebrand ul.products > li.product:first-child,
html body.desiwed-rebrand ul.products > li.product:last-child,
html body.desiwed-rebrand ul.products > li.product:first-of-type,
html body.desiwed-rebrand ul.products > li.product:last-of-type,
html body.desiwed-rebrand ul.products > li.product:nth-child(odd),
html body.desiwed-rebrand ul.products > li.product:nth-child(even),
html body.desiwed-rebrand ul.products > li.product:nth-child(2n+1),
html body.desiwed-rebrand ul.products > li.product:nth-child(3n+1),
html body.desiwed-rebrand ul.products > li.product:nth-child(4n+1),
html body.desiwed-rebrand ul.products > li.regular-product,
html body.desiwed-rebrand ul.products > li.regular-product.first,
html body.desiwed-rebrand ul.products > li.regular-product.last,
html body.desiwed-rebrand ul.products > li.regular-product:first-child,
html body.desiwed-rebrand ul.products > li.regular-product:last-child,
html body.desiwed-rebrand ul.products > li.featured-product,
html body.desiwed-rebrand ul.products > li.featured-product.first,
html body.desiwed-rebrand ul.products > li.featured-product:first-child,
html body.desiwed-rebrand .woocommerce ul.products > li.product,
html body.desiwed-rebrand .woocommerce ul.products > li.regular-product,
html body.desiwed-rebrand .woocommerce-page ul.products > li.product,
html body.desiwed-rebrand .woocommerce-page ul.products > li.regular-product {
/* Grid placement: AUTO — let the grid algorithm place it naturally.
This is the ONE rule that defeats whatever was setting grid-column-start. */
grid-column: auto / span 1 !important;
grid-column-start: auto !important;
grid-column-end: auto !important;
grid-row: auto !important;
grid-row-start: auto !important;
grid-row-end: auto !important;
/* Float layout reset (legacy WC uses floats) */
float: none !important;
clear: none !important;
/* Width / margin reset (WC default uses width:30.75%; margin-right:3.8%) */
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
/* Display behaviour */
display: flex !important;
flex-direction: column !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
list-style: none !important;
background: transparent !important;
}
/* ==========================================================================
3. Defensive: hide any non-product child of ul.products
(If WC ever injects an empty
or a noscript, this nukes it from the grid)
========================================================================== */
html body.desiwed-rebrand ul.products > li:not(.product),
html body.desiwed-rebrand ul.products > div:empty,
html body.desiwed-rebrand ul.products > script,
html body.desiwed-rebrand ul.products > noscript {
display: none !important;
}
/* ==========================================================================
4. Eden Set alone on last row is OK — but if you'd rather it span full width
on the last row when alone, uncomment below. Default behaviour: just fills
left-most cell, rest of row is empty (which is correct for a grid).
========================================================================== */
/* ==========================================================================
v3.2.13 — REAL ROOT CAUSE: parent containers shrunk to 364px
Diagnosed via console: ul.products width was 244px, .dw-shop__grid 364px,
main.dw-shop 364px, parent
364px. Some Listeo wrapper is forcing the
shop content into a 364px column. Fix: force the whole chain to fill width.
========================================================================== */
html body.desiwed-rebrand main.dw-shop,
html body.desiwed-rebrand .dw-shop,
html body.desiwed-rebrand .dw-shop__hero,
html body.desiwed-rebrand .dw-shop__bar,
html body.desiwed-rebrand .dw-shop__grid,
html body.desiwed-rebrand section.dw-shop__grid {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
display: block !important;
flex: 1 1 100% !important;
}
/* v3.2.16 — TARGETED: only constrain #dw-main (NOT every body child div).
Previous selector caught Listeo's #sign-in-dialog and forced it visible. */
html body.desiwed-rebrand.woocommerce-shop > #dw-main,
html body.desiwed-rebrand.tax-product_cat > #dw-main,
html body.desiwed-rebrand.post-type-archive-product > #dw-main,
html body.desiwed-rebrand.woocommerce-shop main.dw-shop,
html body.desiwed-rebrand.tax-product_cat main.dw-shop,
html body.desiwed-rebrand.post-type-archive-product main.dw-shop {
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
/* Make sure Listeo's mfp-hide modal class STAYS hidden (we accidentally
broke it earlier by forcing display:block on body's div children) */
html body.desiwed-rebrand .mfp-hide,
html body.desiwed-rebrand #sign-in-dialog.mfp-hide,
html body.desiwed-rebrand div.zoom-anim-dialog.mfp-hide {
display: none !important;
}
/* ul.products itself: full width inside whatever its parent now is */
html body.desiwed-rebrand.woocommerce-shop ul.products,
html body.desiwed-rebrand.tax-product_cat ul.products,
html body.desiwed-rebrand.post-type-archive-product ul.products {
width: 100% !important;
max-width: 1400px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* ==========================================================================
v3.2.14 — Flexbox shop grid (replaces CSS Grid approach)
CSS Grid had 4 different failure modes (1fr collapse, grid-column-start
interference, container width bug, dense flow). Flexbox sidesteps all of them.
========================================================================== */
html body.desiwed-rebrand.woocommerce-shop ul.products,
html body.desiwed-rebrand.tax-product_cat ul.products,
html body.desiwed-rebrand.post-type-archive-product ul.products {
display: flex !important;
flex-wrap: wrap !important;
gap: 24px !important;
justify-content: flex-start !important;
align-items: stretch !important;
padding: 24px 32px 80px !important;
margin: 0 auto !important;
list-style: none !important;
width: 100% !important;
max-width: 1400px !important;
box-sizing: border-box !important;
}
/* Desktop: 3 per row */
@media (min-width: 1101px) {
html body.desiwed-rebrand.woocommerce-shop ul.products > li.product,
html body.desiwed-rebrand.woocommerce-shop ul.products > li.regular-product,
html body.desiwed-rebrand.tax-product_cat ul.products > li.product,
html body.desiwed-rebrand.tax-product_cat ul.products > li.regular-product,
html body.desiwed-rebrand.post-type-archive-product ul.products > li.product,
html body.desiwed-rebrand.post-type-archive-product ul.products > li.regular-product {
flex: 0 0 calc((100% - 48px) / 3) !important;
max-width: calc((100% - 48px) / 3) !important;
min-width: 0 !important;
width: auto !important;
margin: 0 !important;
float: none !important;
clear: none !important;
display: flex !important;
flex-direction: column !important;
}
}
/* Tablet: 2 per row */
@media (min-width: 769px) and (max-width: 1100px) {
html body.desiwed-rebrand.woocommerce-shop ul.products > li.product,
html body.desiwed-rebrand.woocommerce-shop ul.products > li.regular-product,
html body.desiwed-rebrand.tax-product_cat ul.products > li.product,
html body.desiwed-rebrand.tax-product_cat ul.products > li.regular-product,
html body.desiwed-rebrand.post-type-archive-product ul.products > li.product,
html body.desiwed-rebrand.post-type-archive-product ul.products > li.regular-product {
flex: 0 0 calc((100% - 24px) / 2) !important;
max-width: calc((100% - 24px) / 2) !important;
min-width: 0 !important;
width: auto !important;
margin: 0 !important;
float: none !important;
clear: none !important;
display: flex !important;
flex-direction: column !important;
}
}
/* Mobile: 2 per row, tighter gap */
@media (max-width: 768px) {
html body.desiwed-rebrand.woocommerce-shop ul.products,
html body.desiwed-rebrand.tax-product_cat ul.products,
html body.desiwed-rebrand.post-type-archive-product ul.products {
gap: 16px 12px !important;
padding: 12px 12px 80px !important;
}
html body.desiwed-rebrand.woocommerce-shop ul.products > li.product,
html body.desiwed-rebrand.woocommerce-shop ul.products > li.regular-product,
html body.desiwed-rebrand.tax-product_cat ul.products > li.product,
html body.desiwed-rebrand.tax-product_cat ul.products > li.regular-product,
html body.desiwed-rebrand.post-type-archive-product ul.products > li.product,
html body.desiwed-rebrand.post-type-archive-product ul.products > li.regular-product {
flex: 0 0 calc((100% - 12px) / 2) !important;
max-width: calc((100% - 12px) / 2) !important;
min-width: 0 !important;
width: auto !important;
margin: 0 !important;
}
}
/* ==========================================================================
v3.2.17 — Replace gold/brown gradient fallbacks with neutral cream tones
so unconfigured categories and the hero look clean before imagery is added.
When imagery IS uploaded (via term meta `category-image-id` or theme mod
`desiwed_hero_image`), inline `background-image` overrides these fallbacks.
========================================================================== */
/* v3.2.18 — Hero fallback ONLY when no image uploaded.
When an inline background-image is set (via desiwed_hero_image Customizer),
this rule does NOT apply, so the user's actual photo shows through. */
html body.desiwed-rebrand .dw-hero:not([style*="background-image"]) {
background-color: #eee9de !important;
background-image: linear-gradient(135deg, #f4f1e8 0%, #efe5d2 50%, #e3d4b8 100%) !important;
}
/* Light overlay on cream fallback (just enough for depth, lets cream show) */
html body.desiwed-rebrand .dw-hero:not([style*="background-image"]) .dw-hero__overlay {
background: linear-gradient(135deg, rgba(255, 245, 230, 0) 0%, rgba(180, 150, 110, 0.18) 100%) !important;
}
/* On cream fallback, switch hero text from white to dark ink */
html body.desiwed-rebrand .dw-hero:not([style*="background-image"]) .dw-eyebrow,
html body.desiwed-rebrand .dw-hero:not([style*="background-image"]) .dw-hero__title,
html body.desiwed-rebrand .dw-hero:not([style*="background-image"]) .dw-hero__lede {
color: #1a1814 !important;
}
html body.desiwed-rebrand .dw-hero:not([style*="background-image"]) .dw-hero__title em {
color: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-hero:not([style*="background-image"]) .dw-btn--ghost {
color: #1a1814 !important;
border-color: #1a1814 !important;
}
/* When a hero image IS uploaded, KEEP dark overlay + white text (current behaviour) */
html body.desiwed-rebrand .dw-hero[style*="background-image"] .dw-hero__overlay {
background: linear-gradient(135deg, rgba(20, 15, 10, 0.25) 0%, rgba(20, 15, 10, 0.55) 100%) !important;
}
/* v3.2.21 — Restore moody gradient fallbacks for category cards.
(Reverts v3.2.17 cream override per user feedback — they want the
richer dusty-rose/mauve/sage/ochre tones from the original design.) */
html body.desiwed-rebrand .dw-cat-card.mood-makeup {
background: linear-gradient(160deg, #d8a890 0%, #6b2c2c 100%) !important;
}
html body.desiwed-rebrand .dw-cat-card.mood-photo {
background: linear-gradient(160deg, #b89a7a 0%, #4a3520 100%) !important;
}
html body.desiwed-rebrand .dw-cat-card.mood-decor {
background: linear-gradient(160deg, #c9a78d 0%, #7d5a3a 100%) !important;
}
html body.desiwed-rebrand .dw-cat-card.mood-venue {
background: linear-gradient(160deg, #b89098 0%, #5a3a4a 100%) !important;
}
html body.desiwed-rebrand .dw-cat-card.mood-planner {
background: linear-gradient(160deg, #c8b598 0%, #5a4a30 100%) !important;
}
html body.desiwed-rebrand .dw-cat-card.mood-dj {
background: linear-gradient(160deg, #b09988 0%, #3a2a30 100%) !important;
}
html body.desiwed-rebrand .dw-cat-card.mood-henna {
background: linear-gradient(160deg, #d4a878 0%, #6b4a2a 100%) !important;
}
html body.desiwed-rebrand .dw-cat-card.mood-cater {
background: linear-gradient(160deg, #a8a898 0%, #4a4030 100%) !important;
}
/* Category fallback icons — light gold strokes on dark bg */
html body.desiwed-rebrand .dw-cat-card:not([data-has-image="1"]) .dw-cat-card__icon svg {
stroke: rgba(255, 245, 230, 0.85) !important;
}
html body.desiwed-rebrand .dw-cat-card:not([data-has-image="1"]) .dw-cat-card__icon {
color: rgba(255, 245, 230, 0.85) !important;
opacity: 1 !important;
}
/* When a category card HAS an inline background-image (uploaded by user),
neutralize the linear-gradient fallback so the image shows clearly */
html body.desiwed-rebrand .dw-cat-card[style*="background-image"] {
background-image: var(--dw-cat-bg, none) !important;
}
/* Card text overlay — keeps title legible on dark gradient */
html body.desiwed-rebrand .dw-cat-card .dw-cat-card__overlay {
background: linear-gradient(180deg, rgba(40, 30, 20, 0) 40%, rgba(40, 30, 20, 0.65) 100%) !important;
}
/* ==========================================================================
v3.2.19 — Larger logo + better term-meta image discovery (PHP side)
========================================================================== */
/* v3.2.22 — Reverted logo to original 56px (was 80px in v3.2.19, too big) */
html body.desiwed-rebrand .dw-header__logo img,
html body.desiwed-rebrand .logo a img {
max-height: 56px !important;
width: auto !important;
height: auto !important;
}
@media (max-width: 768px) {
html body.desiwed-rebrand .dw-header__logo img,
html body.desiwed-rebrand .logo a img {
max-height: 48px !important;
}
}
/* ==========================================================================
v3.2.23 — Replace black CTA backgrounds with brand maroon
On /top-luxury-honeymoon-deals-packages/ and any other page using WP block
buttons, swap black bg for #6b2c2c. Excludes intentional dark CTAs in our
own templates (BROWSE VENDORS, vendor enquiry buttons, header CTAs).
========================================================================== */
/* WordPress block buttons + Elementor buttons — site-wide replacement */
html body.desiwed-rebrand .wp-block-button__link,
html body.desiwed-rebrand .wp-block-button .wp-block-button__link,
html body.desiwed-rebrand .elementor-button,
html body.desiwed-rebrand .elementor-button-link,
html body.desiwed-rebrand a.wp-element-button {
background-color: #6b2c2c !important;
background: #6b2c2c !important;
color: #f8f6f1 !important;
border: none !important;
border-radius: 999px !important;
transition: background-color 0.2s ease !important;
}
html body.desiwed-rebrand .wp-block-button__link:hover,
html body.desiwed-rebrand .wp-block-button__link:focus,
html body.desiwed-rebrand .elementor-button:hover,
html body.desiwed-rebrand .elementor-button:focus,
html body.desiwed-rebrand a.wp-element-button:hover {
background-color: #4a1d1d !important;
background: #4a1d1d !important;
color: #f8f6f1 !important;
}
/* Outline-style alternative — uncomment if maroon is also too heavy */
/*
html body.desiwed-rebrand .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important;
color: #6b2c2c !important;
border: 1.5px solid #6b2c2c !important;
}
*/
/* ==========================================================================
v3.2.24 — Editorial blog layout (Vogue India inspired)
Replaces Listeo's two-column-with-empty-sidebar default.
Full-bleed hero, centred title, ~720px reading column, generous whitespace.
========================================================================== */
/* Neutralise Listeo's container constraints on single posts */
html body.desiwed-rebrand.single-post #main,
html body.desiwed-rebrand.single-post #content,
html body.desiwed-rebrand.single-post .container,
html body.desiwed-rebrand.single-post .row,
html body.desiwed-rebrand.single-post .col-lg-8,
html body.desiwed-rebrand.single-post .col-md-8,
html body.desiwed-rebrand.single-post .blog-page,
html body.desiwed-rebrand.single-post .single-blog-content,
html body.desiwed-rebrand.single-post #titlebar,
html body.desiwed-rebrand.single-post .breadcrumbs-container {
width: 100% !important;
max-width: 100% !important;
float: none !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
/* Hide Listeo's default sidebar on blog posts */
html body.desiwed-rebrand.single-post .sidebar,
html body.desiwed-rebrand.single-post .col-lg-4.sidebar,
html body.desiwed-rebrand.single-post #sidebar,
html body.desiwed-rebrand.single-post aside.sidebar,
html body.desiwed-rebrand.single-post .blog-sidebar {
display: none !important;
}
/* Hide the default Listeo title bar (we render our own header) */
html body.desiwed-rebrand.single-post #titlebar {
display: none !important;
}
/* Body background */
html body.desiwed-rebrand.single-post {
background: #f8f6f1 !important;
}
/* === Article wrapper === */
html body.desiwed-rebrand.single-post .dw-post {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #f8f6f1 !important;
}
/* === Full-bleed hero === */
html body.desiwed-rebrand.single-post .dw-post__hero {
width: 100% !important;
max-width: 1600px !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: hidden !important;
}
html body.desiwed-rebrand.single-post .dw-post__hero img {
width: 100% !important;
height: auto !important;
max-height: 520px !important;
object-fit: cover !important;
display: block !important;
}
/* === Header (eyebrow + title + byline) — centered === */
html body.desiwed-rebrand.single-post .dw-post__header {
max-width: 720px !important;
margin: 64px auto 48px !important;
padding: 0 24px !important;
text-align: center !important;
}
html body.desiwed-rebrand.single-post .dw-post__eyebrow {
font-family: 'Inter', -apple-system, sans-serif !important;
font-size: 11px !important;
letter-spacing: 4px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin-bottom: 24px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand.single-post .dw-post__title {
font-family: 'Cardo', 'Playfair Display', Georgia, serif !important;
font-size: clamp(36px, 5vw, 64px) !important;
line-height: 1.1 !important;
color: #1a1814 !important;
font-weight: 400 !important;
margin: 0 0 28px !important;
letter-spacing: -0.5px !important;
}
html body.desiwed-rebrand.single-post .dw-post__byline {
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
letter-spacing: 1px !important;
color: #5b5550 !important;
text-transform: uppercase !important;
}
html body.desiwed-rebrand.single-post .dw-post__byline-sep {
margin: 0 8px !important;
opacity: 0.5 !important;
}
/* === Body — narrow reading column === */
html body.desiwed-rebrand.single-post .dw-post__body {
max-width: 720px !important;
margin: 0 auto !important;
padding: 0 24px !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 19px !important;
line-height: 1.75 !important;
color: #2c2823 !important;
}
html body.desiwed-rebrand.single-post .dw-post__body p {
font-family: 'Cardo', Georgia, serif !important;
font-size: 19px !important;
line-height: 1.75 !important;
color: #2c2823 !important;
margin: 0 0 28px !important;
}
html body.desiwed-rebrand.single-post .dw-post__body h2 {
font-family: 'Cardo', Georgia, serif !important;
font-size: 36px !important;
line-height: 1.2 !important;
color: #1a1814 !important;
font-weight: 400 !important;
margin: 56px 0 20px !important;
letter-spacing: -0.3px !important;
}
html body.desiwed-rebrand.single-post .dw-post__body h3 {
font-family: 'Cardo', Georgia, serif !important;
font-size: 26px !important;
line-height: 1.3 !important;
color: #1a1814 !important;
font-weight: 400 !important;
margin: 44px 0 16px !important;
}
html body.desiwed-rebrand.single-post .dw-post__body h4 {
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
letter-spacing: 3px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin: 32px 0 12px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand.single-post .dw-post__body strong {
font-weight: 600 !important;
color: #1a1814 !important;
}
html body.desiwed-rebrand.single-post .dw-post__body a {
color: #6b2c2c !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
text-decoration-thickness: 0.6px !important;
}
/* Pull quotes / blockquote */
html body.desiwed-rebrand.single-post .dw-post__body blockquote {
font-family: 'Cardo', Georgia, serif !important;
font-style: italic !important;
font-size: 28px !important;
line-height: 1.4 !important;
color: #1a1814 !important;
border: none !important;
border-top: 1px solid #c5915a !important;
border-bottom: 1px solid #c5915a !important;
padding: 32px 0 !important;
margin: 48px 0 !important;
text-align: center !important;
}
/* Lists */
html body.desiwed-rebrand.single-post .dw-post__body ul,
html body.desiwed-rebrand.single-post .dw-post__body ol {
font-family: 'Cardo', Georgia, serif !important;
font-size: 19px !important;
line-height: 1.75 !important;
margin: 0 0 28px 24px !important;
}
html body.desiwed-rebrand.single-post .dw-post__body li {
margin-bottom: 8px !important;
}
/* Images can break out wider than the reading column */
html body.desiwed-rebrand.single-post .dw-post__body figure,
html body.desiwed-rebrand.single-post .dw-post__body .wp-block-image {
max-width: 1000px !important;
margin: 48px auto !important;
}
html body.desiwed-rebrand.single-post .dw-post__body figure img,
html body.desiwed-rebrand.single-post .dw-post__body .wp-block-image img,
html body.desiwed-rebrand.single-post .dw-post__body img {
max-width: 100% !important;
height: auto !important;
display: block !important;
margin: 0 auto !important;
}
html body.desiwed-rebrand.single-post .dw-post__body figcaption {
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 1px !important;
color: #8a8580 !important;
text-align: center !important;
margin-top: 12px !important;
text-transform: uppercase !important;
}
/* === Tags === */
html body.desiwed-rebrand.single-post .dw-post__tags {
max-width: 720px !important;
margin: 64px auto 0 !important;
padding: 0 24px !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
border-top: 1px solid #e0dbcc !important;
padding-top: 32px !important;
}
html body.desiwed-rebrand.single-post .dw-post__tag {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
color: #5b5550 !important;
text-transform: uppercase !important;
background: #eee9de !important;
padding: 6px 14px !important;
border-radius: 999px !important;
text-decoration: none !important;
transition: background 0.2s ease !important;
}
html body.desiwed-rebrand.single-post .dw-post__tag:hover {
background: #e0dbcc !important;
}
/* === Share footer === */
html body.desiwed-rebrand.single-post .dw-post__footer {
max-width: 720px !important;
margin: 32px auto 0 !important;
padding: 32px 24px !important;
border-top: 1px solid #e0dbcc !important;
border-bottom: 1px solid #e0dbcc !important;
text-align: center !important;
}
html body.desiwed-rebrand.single-post .dw-post__share {
display: flex !important;
gap: 24px !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
}
html body.desiwed-rebrand.single-post .dw-post__share-label {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 3px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin-right: 16px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand.single-post .dw-post__share a {
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
color: #1a1814 !important;
text-decoration: none !important;
border-bottom: 0.5px solid #1a1814 !important;
padding-bottom: 2px !important;
}
html body.desiwed-rebrand.single-post .dw-post__share a:hover {
color: #6b2c2c !important;
border-bottom-color: #6b2c2c !important;
}
/* === Related posts === */
html body.desiwed-rebrand.single-post .dw-post__related {
max-width: 1200px !important;
margin: 96px auto 80px !important;
padding: 0 24px !important;
}
html body.desiwed-rebrand.single-post .dw-post__related-title {
font-family: 'Cardo', Georgia, serif !important;
font-size: 32px !important;
font-weight: 400 !important;
color: #1a1814 !important;
text-align: center !important;
margin: 0 0 48px !important;
}
html body.desiwed-rebrand.single-post .dw-post__related-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 32px !important;
}
html body.desiwed-rebrand.single-post .dw-post__related-card {
text-decoration: none !important;
color: #1a1814 !important;
}
html body.desiwed-rebrand.single-post .dw-post__related-img {
width: 100% !important;
aspect-ratio: 4/3 !important;
background-size: cover !important;
background-position: center !important;
background-color: #e0dbcc !important;
margin-bottom: 16px !important;
}
html body.desiwed-rebrand.single-post .dw-post__related-h4 {
font-family: 'Cardo', Georgia, serif !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
color: #1a1814 !important;
margin: 0 0 8px !important;
}
html body.desiwed-rebrand.single-post .dw-post__related-date {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
}
/* === Mobile === */
@media (max-width: 768px) {
html body.desiwed-rebrand.single-post .dw-post__hero img {
max-height: 360px !important;
}
html body.desiwed-rebrand.single-post .dw-post__header {
margin: 40px auto 32px !important;
}
html body.desiwed-rebrand.single-post .dw-post__title {
font-size: 32px !important;
}
html body.desiwed-rebrand.single-post .dw-post__body {
font-size: 17px !important;
}
html body.desiwed-rebrand.single-post .dw-post__body p {
font-size: 17px !important;
}
html body.desiwed-rebrand.single-post .dw-post__body h2 {
font-size: 28px !important;
margin: 40px 0 16px !important;
}
html body.desiwed-rebrand.single-post .dw-post__body h3 {
font-size: 22px !important;
margin: 32px 0 12px !important;
}
html body.desiwed-rebrand.single-post .dw-post__body blockquote {
font-size: 22px !important;
margin: 32px 0 !important;
padding: 24px 0 !important;
}
html body.desiwed-rebrand.single-post .dw-post__related-grid {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
}
/* ==========================================================================
v3.2.25 — Blog index (home.php) editorial layout + cleanups
Smaller title, hide "0 comments" links sitewide, hide broken Jetpack widget.
========================================================================== */
/* Sitewide: hide "0 comments / X comments" links on blog cards + post meta */
html body.desiwed-rebrand .comments-link,
html body.desiwed-rebrand a[href*="#respond"]:not(.dw-vendor__btn-enquire),
html body.desiwed-rebrand .post-meta .comments,
html body.desiwed-rebrand .blog-post .comments-link,
html body.desiwed-rebrand .post .comments-link,
html body.desiwed-rebrand article .comments-link {
display: none !important;
}
/* Hide the broken Jetpack Subscribe-via-Email widget — replaced by our own */
html body.desiwed-rebrand .jetpack_subscription_widget,
html body.desiwed-rebrand #subscribe-blog,
html body.desiwed-rebrand .widget_blog_subscription {
display: none !important;
}
/* Hide Listeo's default blog title bar on /blog/ */
html body.desiwed-rebrand.blog #titlebar,
html body.desiwed-rebrand.home.blog #titlebar,
html body.desiwed-rebrand.archive.category #titlebar {
display: none !important;
}
/* Reset Listeo containers on the blog index */
html body.desiwed-rebrand.blog #main,
html body.desiwed-rebrand.blog #content,
html body.desiwed-rebrand.blog .container,
html body.desiwed-rebrand.blog .row,
html body.desiwed-rebrand.blog .col-lg-8,
html body.desiwed-rebrand.blog .blog-page,
html body.desiwed-rebrand.home #main,
html body.desiwed-rebrand.home #content {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
html body.desiwed-rebrand.blog .sidebar,
html body.desiwed-rebrand.blog #sidebar,
html body.desiwed-rebrand.blog .blog-sidebar {
display: none !important;
}
html body.desiwed-rebrand.blog,
html body.desiwed-rebrand.home {
background: #f8f6f1 !important;
}
/* === Blog index === */
html body.desiwed-rebrand .dw-blog {
max-width: 1280px !important;
margin: 0 auto !important;
padding: 64px 24px 80px !important;
}
html body.desiwed-rebrand .dw-blog__header {
max-width: 720px !important;
margin: 0 auto 64px !important;
text-align: center !important;
}
html body.desiwed-rebrand .dw-blog__eyebrow {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 4px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin-bottom: 20px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .dw-blog__h1 {
font-family: 'Cardo', Georgia, serif !important;
font-size: clamp(32px, 4vw, 48px) !important;
line-height: 1.15 !important;
color: #1a1814 !important;
font-weight: 400 !important;
margin: 0 0 16px !important;
letter-spacing: -0.3px !important;
}
html body.desiwed-rebrand .dw-blog__lede {
font-family: 'Cardo', Georgia, serif !important;
font-size: 18px !important;
line-height: 1.6 !important;
color: #5b5550 !important;
margin: 0 !important;
}
/* === Posts grid === */
html body.desiwed-rebrand .dw-blog__grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 48px 32px !important;
}
@media (max-width: 1024px) {
html body.desiwed-rebrand .dw-blog__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
html body.desiwed-rebrand .dw-blog__grid {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
}
html body.desiwed-rebrand .dw-blog__card {
display: flex !important;
flex-direction: column !important;
text-decoration: none !important;
color: #1a1814 !important;
transition: transform 0.2s ease !important;
}
html body.desiwed-rebrand .dw-blog__card:hover {
transform: translateY(-2px) !important;
}
html body.desiwed-rebrand .dw-blog__card-img {
width: 100% !important;
aspect-ratio: 4/3 !important;
background-size: cover !important;
background-position: center !important;
background-color: #e0dbcc !important;
margin-bottom: 20px !important;
}
html body.desiwed-rebrand .dw-blog__card-eyebrow {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 3px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin-bottom: 8px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .dw-blog__card-title {
font-family: 'Cardo', Georgia, serif !important;
font-size: 24px !important;
line-height: 1.25 !important;
color: #1a1814 !important;
font-weight: 400 !important;
margin: 0 0 12px !important;
}
html body.desiwed-rebrand .dw-blog__card-excerpt {
font-family: 'Cardo', Georgia, serif !important;
font-size: 16px !important;
line-height: 1.55 !important;
color: #5b5550 !important;
margin: 0 0 16px !important;
}
html body.desiwed-rebrand .dw-blog__card-meta time {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
color: #8a8580 !important;
text-transform: uppercase !important;
}
/* Pagination */
html body.desiwed-rebrand .dw-blog__pagination {
margin: 80px auto 0 !important;
text-align: center !important;
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
}
html body.desiwed-rebrand .dw-blog__pagination .page-numbers {
display: inline-block !important;
padding: 10px 16px !important;
margin: 0 4px !important;
color: #1a1814 !important;
text-decoration: none !important;
border: 0.5px solid #e0dbcc !important;
background: transparent !important;
}
html body.desiwed-rebrand .dw-blog__pagination .page-numbers.current {
background: #6b2c2c !important;
color: #f8f6f1 !important;
border-color: #6b2c2c !important;
}
/* === Newsletter section === */
html body.desiwed-rebrand .dw-blog__newsletter {
margin: 96px auto 0 !important;
padding: 72px 24px !important;
background: #6b2c2c !important;
text-align: center !important;
max-width: 1280px !important;
}
html body.desiwed-rebrand .dw-blog__newsletter-eyebrow {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 4px !important;
color: #f8f6f1 !important;
text-transform: uppercase !important;
opacity: 0.7 !important;
margin-bottom: 20px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .dw-blog__newsletter-h2 {
font-family: 'Cardo', Georgia, serif !important;
font-size: clamp(28px, 4vw, 40px) !important;
line-height: 1.2 !important;
color: #f8f6f1 !important;
font-weight: 400 !important;
margin: 0 auto 16px !important;
max-width: 720px !important;
letter-spacing: -0.2px !important;
}
html body.desiwed-rebrand .dw-blog__newsletter-lede {
font-family: 'Cardo', Georgia, serif !important;
font-size: 17px !important;
line-height: 1.6 !important;
color: #f8f6f1 !important;
opacity: 0.85 !important;
margin: 0 auto 32px !important;
max-width: 560px !important;
}
html body.desiwed-rebrand .dw-blog__newsletter-form {
display: flex !important;
gap: 0 !important;
justify-content: center !important;
max-width: 480px !important;
margin: 0 auto !important;
}
html body.desiwed-rebrand .dw-blog__newsletter-input {
flex: 1 1 auto !important;
padding: 14px 18px !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
background: #f8f6f1 !important;
color: #1a1814 !important;
border: none !important;
border-radius: 0 !important;
outline: none !important;
}
html body.desiwed-rebrand .dw-blog__newsletter-input::placeholder {
color: #8a8580 !important;
}
html body.desiwed-rebrand .dw-blog__newsletter-btn {
padding: 14px 28px !important;
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
letter-spacing: 2px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
background: #1a1814 !important;
color: #f8f6f1 !important;
border: none !important;
border-radius: 0 !important;
cursor: pointer !important;
transition: background 0.2s ease !important;
}
html body.desiwed-rebrand .dw-blog__newsletter-btn:hover {
background: #000 !important;
}
html body.desiwed-rebrand .dw-blog__newsletter-status {
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
color: #f8f6f1 !important;
margin-top: 16px !important;
min-height: 20px !important;
}
@media (max-width: 600px) {
html body.desiwed-rebrand .dw-blog__newsletter-form {
flex-direction: column !important;
gap: 8px !important;
}
}
/* ==========================================================================
v3.2.27 — Vendor archive editorial redesign
Hero with marigold rules, refined sidebar, custom checkboxes, better card
hover, photo fallback for no-image vendors, maroon CTA panel.
========================================================================== */
html body.desiwed-rebrand .dw-archive {
background: #f8f6f1 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* Hero — ornate masthead */
html body.desiwed-rebrand .dw-archive__title {
background: #f8f6f1 !important;
padding: 64px 24px 56px !important;
border-bottom: 0.5px solid #e0dbcc !important;
text-align: center !important;
margin: 0 !important;
}
html body.desiwed-rebrand .dw-archive__title-inner {
max-width: 720px !important;
margin: 0 auto !important;
position: relative !important;
}
html body.desiwed-rebrand .dw-archive__title-inner::before {
content: '' !important;
display: block !important;
width: 64px !important;
height: 0.6px !important;
background: #c5915a !important;
margin: 0 auto 18px !important;
}
html body.desiwed-rebrand .dw-archive__breadcrumb,
html body.desiwed-rebrand .dw-archive__eyebrow {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 4px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin-bottom: 18px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .dw-archive__h1 {
font-family: 'Cardo', Georgia, serif !important;
font-size: clamp(34px, 4.5vw, 56px) !important;
line-height: 1.1 !important;
color: #1a1814 !important;
font-weight: 400 !important;
margin: 0 0 14px !important;
letter-spacing: -0.5px !important;
}
html body.desiwed-rebrand .dw-archive__lede {
font-family: 'Cardo', Georgia, serif !important;
font-size: 17px !important;
line-height: 1.5 !important;
color: #5b5550 !important;
margin: 0 auto !important;
max-width: 540px !important;
}
html body.desiwed-rebrand .dw-archive__title-inner > .dw-archive__h1 + .dw-archive__lede,
html body.desiwed-rebrand .dw-archive__lede {
position: relative !important;
}
/* Make sure the eyebrow rule (when no breadcrumb) shows above the H1 */
html body.desiwed-rebrand .dw-archive__title-inner:not(:has(.dw-archive__breadcrumb))::before {
margin-bottom: 28px !important;
}
/* Filter pills + sort row */
html body.desiwed-rebrand .dw-archive__controls {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 16px !important;
flex-wrap: wrap !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 24px 32px !important;
border-bottom: 0.5px solid #e0dbcc !important;
}
html body.desiwed-rebrand .dw-archive__pills {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
html body.desiwed-rebrand .dw-pill {
padding: 8px 18px !important;
border-radius: 999px !important;
background: transparent !important;
color: #6b2c2c !important;
border: 0.5px solid #6b2c2c !important;
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all 0.15s ease !important;
}
html body.desiwed-rebrand .dw-pill:hover {
background: rgba(107, 44, 44, 0.06) !important;
}
html body.desiwed-rebrand .dw-pill.is-active {
background: #6b2c2c !important;
color: #f8f6f1 !important;
border-color: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-archive__sort {
display: flex !important;
align-items: center !important;
gap: 16px !important;
}
html body.desiwed-rebrand .dw-archive__count {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
color: #8a8580 !important;
text-transform: uppercase !important;
}
html body.desiwed-rebrand .dw-archive__sort-select {
font-family: 'Cardo', Georgia, serif !important;
font-style: italic !important;
font-size: 15px !important;
color: #1a1814 !important;
background: transparent !important;
border: none !important;
border-bottom: 0.5px solid #1a1814 !important;
border-radius: 0 !important;
padding: 6px 24px 6px 0 !important;
outline: none !important;
cursor: pointer !important;
-webkit-appearance: none !important;
appearance: none !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: right center !important;
}
/* Body layout */
html body.desiwed-rebrand .dw-archive__body {
display: grid !important;
grid-template-columns: 220px 1fr !important;
gap: 48px !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 48px 32px !important;
}
/* Sidebar — editorial small-caps labels */
html body.desiwed-rebrand .dw-archive__sidebar {
padding: 0 !important;
border: none !important;
background: transparent !important;
}
html body.desiwed-rebrand .dw-filter__block {
margin-bottom: 36px !important;
padding: 0 !important;
}
html body.desiwed-rebrand .dw-filter__block h4 {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 3px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin: 0 0 14px !important;
padding-bottom: 10px !important;
border-bottom: 0.5px solid #e0dbcc !important;
font-weight: 500 !important;
}
/* Custom checkboxes — gold border, fill maroon when checked */
html body.desiwed-rebrand .dw-filter__check {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
padding: 6px 0 !important;
cursor: pointer !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 15px !important;
color: #1a1814 !important;
}
html body.desiwed-rebrand .dw-filter__check input[type="checkbox"] {
-webkit-appearance: none !important;
appearance: none !important;
width: 14px !important;
height: 14px !important;
border: 0.5px solid #c5915a !important;
background: transparent !important;
border-radius: 0 !important;
cursor: pointer !important;
margin: 0 !important;
position: relative !important;
flex-shrink: 0 !important;
}
html body.desiwed-rebrand .dw-filter__check input[type="checkbox"]:checked {
background: #6b2c2c !important;
border-color: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-filter__check input[type="checkbox"]:checked::after {
content: '' !important;
position: absolute !important;
left: 4px !important;
top: 1px !important;
width: 4px !important;
height: 7px !important;
border-right: 1.4px solid #f8f6f1 !important;
border-bottom: 1.4px solid #f8f6f1 !important;
transform: rotate(45deg) !important;
}
html body.desiwed-rebrand .dw-filter__check-label {
flex: 1 !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 15px !important;
color: #1a1814 !important;
}
html body.desiwed-rebrand .dw-filter__count {
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 1.5px !important;
color: #8a8580 !important;
text-transform: uppercase !important;
}
html body.desiwed-rebrand .dw-filter__clear {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
/* Vendor grid */
html body.desiwed-rebrand .dw-vendor-grid--3 {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 40px 28px !important;
}
@media (max-width: 1024px) {
html body.desiwed-rebrand .dw-vendor-grid--3 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
html body.desiwed-rebrand .dw-vendor-grid--3 {
grid-template-columns: 1fr !important;
gap: 32px !important;
}
html body.desiwed-rebrand .dw-archive__body {
grid-template-columns: 1fr !important;
padding: 32px 16px !important;
}
}
/* Vendor card */
html body.desiwed-rebrand .dw-vendor-card {
display: flex !important;
flex-direction: column !important;
text-decoration: none !important;
color: #1a1814 !important;
transition: transform 0.25s ease !important;
}
html body.desiwed-rebrand .dw-vendor-card:hover {
transform: translateY(-3px) !important;
}
html body.desiwed-rebrand .dw-vendor-card__photo {
position: relative !important;
aspect-ratio: 4/3 !important;
background-size: cover !important;
background-position: center !important;
background-color: #e0dbcc !important;
overflow: hidden !important;
margin-bottom: 16px !important;
}
html body.desiwed-rebrand .dw-vendor-card__photo-grad {
position: absolute !important;
inset: 0 !important;
background: linear-gradient(180deg, transparent 55%, rgba(20, 15, 10, 0.35) 100%) !important;
pointer-events: none !important;
}
html body.desiwed-rebrand .dw-vendor-card__badge {
position: absolute !important;
top: 12px !important;
right: 12px !important;
padding: 5px 12px !important;
background: rgba(251, 246, 236, 0.94) !important;
color: #6b2c2c !important;
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
z-index: 2 !important;
}
/* Photo fallback for vendors with no image — cream gradient + ring icon */
html body.desiwed-rebrand .dw-vendor-card--no-image .dw-vendor-card__photo {
background: linear-gradient(160deg, #eee9de 0%, #d8d1bf 100%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
html body.desiwed-rebrand .dw-vendor-card__photo-fallback {
width: 60px !important;
height: 60px !important;
z-index: 1 !important;
}
html body.desiwed-rebrand .dw-vendor-card--no-image .dw-vendor-card__photo-grad {
display: none !important;
}
/* Card meta row — name + rating on one line */
html body.desiwed-rebrand .dw-vendor-card__meta-row {
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
gap: 12px !important;
margin-bottom: 6px !important;
}
html body.desiwed-rebrand .dw-vendor-card__name {
font-family: 'Cardo', Georgia, serif !important;
font-size: 19px !important;
line-height: 1.25 !important;
color: #1a1814 !important;
font-weight: 400 !important;
flex: 1 !important;
}
html body.desiwed-rebrand .dw-vendor-card__stars {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 1px !important;
color: #c5915a !important;
flex-shrink: 0 !important;
}
html body.desiwed-rebrand .dw-vendor-card__stars .dw-star {
color: #c5915a !important;
margin-right: 2px !important;
}
html body.desiwed-rebrand .dw-vendor-card__desc {
font-family: 'Cardo', Georgia, serif !important;
font-size: 15px !important;
line-height: 1.5 !important;
color: #5b5550 !important;
margin: 0 0 14px !important;
}
/* Card footer — rule above CTA */
html body.desiwed-rebrand .dw-vendor-card__footer {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 12px !important;
padding-top: 14px !important;
border-top: 0.5px solid #e0dbcc !important;
margin-top: auto !important;
}
html body.desiwed-rebrand .dw-vendor-card__loc {
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 2px !important;
color: #8a8580 !important;
text-transform: uppercase !important;
}
html body.desiwed-rebrand .dw-vendor-card__cta {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
color: #6b2c2c !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
white-space: nowrap !important;
transition: color 0.2s ease !important;
}
html body.desiwed-rebrand .dw-vendor-card:hover .dw-vendor-card__cta {
color: #4a1d1d !important;
}
/* Pagination */
html body.desiwed-rebrand .dw-archive__pagination {
margin: 64px 0 0 !important;
text-align: center !important;
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
}
html body.desiwed-rebrand .dw-archive__pagination .page-numbers {
display: inline-block !important;
padding: 10px 16px !important;
margin: 0 4px !important;
color: #1a1814 !important;
text-decoration: none !important;
border: 0.5px solid #e0dbcc !important;
background: transparent !important;
}
html body.desiwed-rebrand .dw-archive__pagination .page-numbers.current {
background: #6b2c2c !important;
color: #f8f6f1 !important;
border-color: #6b2c2c !important;
}
/* v3.2.28 — Bottom CTA reverted to cream (maroon was clashing with maroon footer).
Cream panel framed with marigold rules, maroon eyebrow + dark CTA button. */
html body.desiwed-rebrand .dw-archive__cta {
background: #f4f1ea !important;
padding: 72px 24px !important;
text-align: center !important;
margin: 0 !important;
max-width: 100% !important;
border-top: 0.5px solid #e0dbcc !important;
position: relative !important;
}
html body.desiwed-rebrand .dw-archive__cta::before {
content: '' !important;
display: block !important;
width: 64px !important;
height: 0.6px !important;
background: #c5915a !important;
margin: 0 auto 18px !important;
}
html body.desiwed-rebrand .dw-archive__cta .dw-eyebrow {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 4px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin-bottom: 18px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .dw-archive__cta h2 {
font-family: 'Cardo', Georgia, serif !important;
font-size: clamp(28px, 3.5vw, 40px) !important;
line-height: 1.2 !important;
color: #1a1814 !important;
font-weight: 400 !important;
margin: 0 auto 14px !important;
max-width: 600px !important;
letter-spacing: -0.2px !important;
}
html body.desiwed-rebrand .dw-archive__cta p {
font-family: 'Cardo', Georgia, serif !important;
font-size: 16px !important;
line-height: 1.5 !important;
color: #5b5550 !important;
margin: 0 auto 28px !important;
max-width: 480px !important;
}
html body.desiwed-rebrand .dw-archive__cta .dw-btn {
display: inline-block !important;
padding: 14px 32px !important;
background: #1a1814 !important;
color: #f8f6f1 !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
text-decoration: none !important;
font-weight: 500 !important;
transition: background 0.2s ease !important;
}
html body.desiwed-rebrand .dw-archive__cta .dw-btn:hover {
background: #6b2c2c !important;
}
/* ==========================================================================
v3.2.29 — Wishlist heart button + header saved link + toast
========================================================================== */
/* Heart icon button — top-right corner of vendor card */
html body.desiwed-rebrand .dw-bookmark-btn {
position: absolute !important;
top: 12px !important;
right: 12px !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
background: rgba(251, 246, 236, 0.94) !important;
border: none !important;
border-radius: 999px !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #6b2c2c !important;
transition: transform 0.15s ease, background 0.15s ease !important;
z-index: 3 !important;
box-shadow: 0 2px 8px rgba(20, 15, 10, 0.12) !important;
}
html body.desiwed-rebrand .dw-bookmark-btn:hover {
transform: scale(1.06) !important;
background: #f8f6f1 !important;
}
html body.desiwed-rebrand .dw-bookmark-btn__icon {
width: 18px !important;
height: 18px !important;
display: block !important;
}
html body.desiwed-rebrand .dw-bookmark-btn.is-saved .dw-bookmark-btn__heart {
fill: #6b2c2c !important;
stroke: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-bookmark-btn.is-saving {
pointer-events: none !important;
opacity: 0.6 !important;
}
html body.desiwed-rebrand .dw-bookmark-btn.just-saved {
animation: dw-heart-pulse 0.4s ease !important;
}
@keyframes dw-heart-pulse {
0% { transform: scale(1); }
40% { transform: scale(1.25); }
100% { transform: scale(1); }
}
/* Inline variant (single-listing sidebar) */
html body.desiwed-rebrand .dw-bookmark-btn--inline {
position: static !important;
width: 100% !important;
height: auto !important;
padding: 12px 16px !important;
background: transparent !important;
border: 1px solid #dcd6cb !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
letter-spacing: 1px !important;
color: #1a1814 !important;
gap: 10px !important;
margin-top: 12px !important;
transition: all 0.15s ease !important;
}
html body.desiwed-rebrand .dw-bookmark-btn--inline:hover {
transform: none !important;
background: #eee9de !important;
border-color: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-bookmark-btn--inline.is-saved {
background: #6b2c2c !important;
border-color: #6b2c2c !important;
color: #f8f6f1 !important;
}
html body.desiwed-rebrand .dw-bookmark-btn--inline.is-saved .dw-bookmark-btn__heart {
fill: #f8f6f1 !important;
stroke: #f8f6f1 !important;
}
html body.desiwed-rebrand .dw-bookmark-btn--inline .dw-bookmark-btn__icon {
width: 16px !important;
height: 16px !important;
}
/* Header "Saved (N)" link */
html body.desiwed-rebrand .dw-header__saved {
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
color: #1a1814 !important;
text-decoration: none !important;
margin-right: 16px !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
transition: color 0.15s ease !important;
}
html body.desiwed-rebrand .dw-header__saved:hover {
color: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-header__saved-count {
font-weight: 500 !important;
}
/* Toast for login prompt + state changes */
html body.desiwed-rebrand .dw-bookmark-toast {
position: fixed !important;
bottom: 24px !important;
left: 50% !important;
transform: translateX(-50%) translateY(100px) !important;
background: #1a1814 !important;
color: #f8f6f1 !important;
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
letter-spacing: 0.3px !important;
padding: 14px 20px !important;
border-radius: 4px !important;
box-shadow: 0 8px 24px rgba(20, 15, 10, 0.25) !important;
z-index: 99999 !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 0.2s ease, transform 0.25s ease !important;
}
html body.desiwed-rebrand .dw-bookmark-toast.is-visible {
opacity: 1 !important;
transform: translateX(-50%) translateY(0) !important;
pointer-events: auto !important;
}
html body.desiwed-rebrand .dw-bookmark-toast a {
color: #c5915a !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
/* ==========================================================================
v3.2.31 — Shop archive editorial redesign
========================================================================== */
html body.desiwed-rebrand .dw-shop {
background: #f8f6f1 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* v3.2.32 — Tighter hero, compact eyebrow, less vertical space before products */
html body.desiwed-rebrand .dw-shop__hero {
text-align: center !important;
padding: 36px 24px 28px !important;
border-bottom: 0.5px solid #e0dbcc !important;
background: #f8f6f1 !important;
}
html body.desiwed-rebrand .dw-shop__hero-rule {
width: 48px !important;
height: 0.6px !important;
background: #c5915a !important;
margin: 0 auto 12px !important;
}
html body.desiwed-rebrand .dw-shop__hero-eyebrow {
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 3px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin-bottom: 10px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .dw-shop__h1 {
font-family: 'Cardo', Georgia, serif !important;
font-size: clamp(26px, 3.2vw, 38px) !important;
line-height: 1.15 !important;
color: #1a1814 !important;
font-weight: 400 !important;
margin: 0 auto 10px !important;
max-width: 720px !important;
letter-spacing: -0.3px !important;
}
html body.desiwed-rebrand .dw-shop__h1 em {
font-style: italic !important;
color: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-shop__lede {
font-family: 'Cardo', Georgia, serif !important;
font-size: 15px !important;
line-height: 1.5 !important;
color: #5b5550 !important;
margin: 0 auto !important;
max-width: 520px !important;
}
/* Tighter bar + body */
html body.desiwed-rebrand .dw-shop__bar {
padding: 16px 32px !important;
}
html body.desiwed-rebrand .dw-shop__body {
padding: 32px 32px !important;
}
/* Bar */
html body.desiwed-rebrand .dw-shop__bar {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 16px !important;
flex-wrap: wrap !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 24px 32px !important;
border-bottom: 0.5px solid #e0dbcc !important;
}
html body.desiwed-rebrand .dw-shop__filters {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
html body.desiwed-rebrand .dw-shop__sort {
display: flex !important;
align-items: center !important;
gap: 16px !important;
}
html body.desiwed-rebrand .dw-shop__count {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
color: #8a8580 !important;
text-transform: uppercase !important;
}
html body.desiwed-rebrand .woocommerce-ordering select,
html body.desiwed-rebrand .dw-shop__sort select {
font-family: 'Cardo', Georgia, serif !important;
font-style: italic !important;
font-size: 15px !important;
color: #1a1814 !important;
background: transparent !important;
border: none !important;
border-bottom: 0.5px solid #1a1814 !important;
border-radius: 0 !important;
padding: 6px 24px 6px 0 !important;
outline: none !important;
cursor: pointer !important;
-webkit-appearance: none !important;
appearance: none !important;
}
/* v3.2.37 — Diagnostic confirmed display:flex !important wasn't winning.
Some upstream rule (likely Listeo with #content .dw-shop__body or similar)
has higher specificity. Chain extra classes + attribute selectors to push
ours over the top. */
html body.desiwed-rebrand main.dw-shop[class] .dw-shop__body[class],
html body.desiwed-rebrand main.dw-shop > .dw-shop__body,
html body.desiwed-rebrand .dw-shop > .dw-shop__body[class] {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 32px !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 32px 24px !important;
align-items: flex-start !important;
}
@media (max-width: 767px) {
html body.desiwed-rebrand main.dw-shop[class] .dw-shop__body[class],
html body.desiwed-rebrand main.dw-shop > .dw-shop__body,
html body.desiwed-rebrand .dw-shop > .dw-shop__body[class] {
flex-direction: column !important;
padding: 24px 16px !important;
gap: 24px !important;
}
}
/* v3.2.36 — Sidebar as flex item: fixed 180px width on desktop, full width on mobile. */
html body.desiwed-rebrand .dw-shop__body aside.dw-shop__sidebar,
html body.desiwed-rebrand .dw-shop .dw-shop__sidebar,
html body.desiwed-rebrand aside.dw-shop__sidebar,
html body.desiwed-rebrand .dw-shop__sidebar {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 180px !important;
width: 180px !important;
max-width: 180px !important;
min-width: 180px !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
position: static !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
}
html body.desiwed-rebrand .dw-shop__body > .dw-shop__grid,
html body.desiwed-rebrand .dw-shop__grid {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
@media (max-width: 767px) {
html body.desiwed-rebrand .dw-shop__sidebar,
html body.desiwed-rebrand .dw-shop__body aside.dw-shop__sidebar,
html body.desiwed-rebrand aside.dw-shop__sidebar {
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
}
html body.desiwed-rebrand .dw-shop__sidebar .dw-filter__block {
margin-bottom: 32px !important;
}
html body.desiwed-rebrand .dw-shop__sidebar .dw-filter__block h4 {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 3px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin: 0 0 12px !important;
padding-bottom: 8px !important;
border-bottom: 0.5px solid #e0dbcc !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .dw-shop__sidebar .dw-filter__check {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 5px 0 !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 14px !important;
color: #1a1814 !important;
text-decoration: none !important;
}
html body.desiwed-rebrand .dw-shop__sidebar .dw-filter__check-mark {
width: 13px !important;
height: 13px !important;
border: 0.5px solid #c5915a !important;
background: transparent !important;
flex-shrink: 0 !important;
position: relative !important;
}
html body.desiwed-rebrand .dw-shop__sidebar .dw-filter__check-mark.is-checked {
background: #6b2c2c !important;
border-color: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-shop__sidebar .dw-filter__check-mark.is-checked::after {
content: '' !important;
position: absolute !important;
left: 4px !important;
top: 1px !important;
width: 4px !important;
height: 7px !important;
border-right: 1.4px solid #f8f6f1 !important;
border-bottom: 1.4px solid #f8f6f1 !important;
transform: rotate(45deg) !important;
}
html body.desiwed-rebrand .dw-shop__sidebar .dw-filter__check-label {
flex: 1 !important;
}
html body.desiwed-rebrand .dw-shop__sidebar .dw-filter__count {
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 1.5px !important;
color: #8a8580 !important;
text-transform: uppercase !important;
}
html body.desiwed-rebrand .dw-shop__sidebar .dw-filter__clear {
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 2px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
display: inline-block !important;
margin-top: 8px !important;
}
/* Product cards */
html body.desiwed-rebrand .dw-shop__grid ul.products,
html body.desiwed-rebrand .dw-shop__grid {
background: transparent !important;
}
html body.desiwed-rebrand .dw-shop__grid .dw-product-card,
html body.desiwed-rebrand ul.products li.dw-product-card {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
list-style: none !important;
}
html body.desiwed-rebrand .dw-product-card__link {
text-decoration: none !important;
color: #1a1814 !important;
display: flex !important;
flex-direction: column !important;
transition: transform 0.25s ease !important;
}
html body.desiwed-rebrand .dw-product-card__link:hover {
transform: translateY(-3px) !important;
}
html body.desiwed-rebrand .dw-product-card__photo {
position: relative !important;
aspect-ratio: 4/5 !important;
background-size: cover !important;
background-position: center !important;
background-color: #ebe6dc !important;
overflow: hidden !important;
margin-bottom: 12px !important;
}
html body.desiwed-rebrand .dw-product-card__sale {
position: absolute !important;
top: 10px !important;
left: 10px !important;
padding: 4px 10px !important;
background: #6b2c2c !important;
color: #f8f6f1 !important;
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
z-index: 2 !important;
}
html body.desiwed-rebrand .dw-product-card__brand {
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 2.5px !important;
color: #6b2c2c !important;
text-transform: uppercase !important;
margin-bottom: 4px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .dw-product-card__name,
html body.desiwed-rebrand .dw-product-card .woocommerce-loop-product__title {
font-family: 'Cardo', Georgia, serif !important;
font-size: 16px !important;
line-height: 1.3 !important;
color: #1a1814 !important;
font-weight: 400 !important;
margin: 0 0 6px !important;
}
html body.desiwed-rebrand .dw-product-card__price,
html body.desiwed-rebrand .dw-product-card .price {
font-family: 'Cardo', Georgia, serif !important;
font-size: 15px !important;
color: #1a1814 !important;
}
html body.desiwed-rebrand .dw-product-card__price del,
html body.desiwed-rebrand .dw-product-card .price del {
color: #8a8580 !important;
margin-right: 6px !important;
opacity: 0.7 !important;
}
html body.desiwed-rebrand .dw-product-card__price ins,
html body.desiwed-rebrand .dw-product-card .price ins {
background: transparent !important;
color: #6b2c2c !important;
font-weight: 600 !important;
text-decoration: none !important;
}
/* Product wishlist heart */
html body.desiwed-rebrand .dw-product-wishlist-btn {
position: absolute !important;
top: 10px !important;
right: 10px !important;
width: 30px !important;
height: 30px !important;
padding: 0 !important;
background: rgba(248, 246, 241, 0.92) !important;
border: none !important;
border-radius: 999px !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #6b2c2c !important;
z-index: 3 !important;
transition: transform 0.15s ease, background 0.15s ease !important;
box-shadow: 0 2px 6px rgba(20, 15, 10, 0.1) !important;
}
html body.desiwed-rebrand .dw-product-wishlist-btn:hover {
transform: scale(1.06) !important;
background: #f8f6f1 !important;
}
html body.desiwed-rebrand .dw-product-wishlist-btn.is-saved .dw-product-wishlist-btn__heart {
fill: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-product-wishlist-btn.is-saving {
pointer-events: none !important;
opacity: 0.6 !important;
}
html body.desiwed-rebrand .dw-product-wishlist-btn.just-saved {
animation: dw-heart-pulse 0.4s ease !important;
}
/* Pagination */
html body.desiwed-rebrand .dw-shop__pagination {
margin: 56px 0 0 !important;
text-align: center !important;
}
html body.desiwed-rebrand .dw-shop__pagination .page-numbers {
display: inline-block !important;
padding: 8px 14px !important;
margin: 0 3px !important;
border: 0.5px solid #e0dbcc !important;
color: #1a1814 !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
text-decoration: none !important;
}
html body.desiwed-rebrand .dw-shop__pagination .page-numbers.current {
background: #6b2c2c !important;
color: #f8f6f1 !important;
border-color: #6b2c2c !important;
}
/* Bottom CTA — newsletter */
html body.desiwed-rebrand .dw-shop__cta {
background: #6b2c2c !important;
padding: 64px 24px !important;
text-align: center !important;
margin: 0 !important;
}
html body.desiwed-rebrand .dw-shop__cta-eyebrow {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 4px !important;
color: #f8f6f1 !important;
opacity: 0.7 !important;
text-transform: uppercase !important;
margin-bottom: 18px !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .dw-shop__cta-h2 {
font-family: 'Cardo', Georgia, serif !important;
font-size: clamp(28px, 3.5vw, 36px) !important;
line-height: 1.2 !important;
color: #f8f6f1 !important;
font-weight: 400 !important;
margin: 0 auto 14px !important;
max-width: 580px !important;
letter-spacing: -0.2px !important;
}
html body.desiwed-rebrand .dw-shop__cta-lede {
font-family: 'Cardo', Georgia, serif !important;
font-size: 15px !important;
color: #f8f6f1 !important;
opacity: 0.85 !important;
margin: 0 auto 24px !important;
max-width: 460px !important;
}
html body.desiwed-rebrand .dw-shop__cta-form {
display: flex !important;
max-width: 460px !important;
margin: 0 auto !important;
gap: 0 !important;
}
html body.desiwed-rebrand .dw-shop__cta-input {
flex: 1 1 auto !important;
padding: 14px 18px !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
background: #f8f6f1 !important;
color: #1a1814 !important;
border: none !important;
border-radius: 0 !important;
outline: none !important;
}
html body.desiwed-rebrand .dw-shop__cta-input::placeholder { color: #8a8580 !important; }
html body.desiwed-rebrand .dw-shop__cta-btn {
padding: 14px 28px !important;
background: #1a1814 !important;
color: #f8f6f1 !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
border: none !important;
border-radius: 0 !important;
cursor: pointer !important;
transition: background 0.2s ease !important;
}
html body.desiwed-rebrand .dw-shop__cta-btn:hover { background: #000 !important; }
html body.desiwed-rebrand .dw-shop__cta-status {
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
color: #f8f6f1 !important;
margin-top: 14px !important;
min-height: 18px !important;
}
@media (max-width: 600px) {
html body.desiwed-rebrand .dw-shop__cta-form {
flex-direction: column !important;
gap: 8px !important;
}
}
/* v3.2.37 — Wishlist heart on single-listing gallery (Airbnb-style top-right overlay).
Sits over the cover image so couples can save without scrolling past the enquiry form. */
html body.desiwed-rebrand .dw-vendor__gallery {
position: relative !important;
}
html body.desiwed-rebrand .dw-vendor__gallery-wishlist {
position: absolute !important;
top: 36px !important;
right: 72px !important;
z-index: 5 !important;
pointer-events: auto !important;
}
html body.desiwed-rebrand .dw-vendor__gallery-wishlist .dw-bookmark-btn {
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
background: rgba(248, 246, 241, 0.92) !important;
border: 0.5px solid rgba(26, 24, 20, 0.08) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #1a1814 !important;
cursor: pointer !important;
transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease !important;
padding: 0 !important;
}
html body.desiwed-rebrand .dw-vendor__gallery-wishlist .dw-bookmark-btn:hover {
background: #fff !important;
transform: scale(1.06) !important;
}
html body.desiwed-rebrand .dw-vendor__gallery-wishlist .dw-bookmark-btn.is-saved {
color: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-vendor__gallery-wishlist .dw-bookmark-btn.is-saved .dw-bookmark-btn__heart {
fill: #6b2c2c !important;
stroke: #6b2c2c !important;
}
html body.desiwed-rebrand .dw-vendor__gallery-wishlist .dw-bookmark-btn__icon {
width: 22px !important;
height: 22px !important;
}
@media (max-width: 767px) {
html body.desiwed-rebrand .dw-vendor__gallery-wishlist {
top: 16px !important;
right: 16px !important;
}
html body.desiwed-rebrand .dw-vendor__gallery-wishlist .dw-bookmark-btn {
width: 40px !important;
height: 40px !important;
}
}
/* v3.2.40 — Top-bar filters, full-width grid (no sidebar).
Sidebar layout was unwinnable against Listeo's column wrappers.
Pivoted to ASOS/SSENSE/Net-a-Porter pattern: filters in top bar, full-width grid below. */
/* Refine row (designer pills + on-sale + clear + sort) */
html body.desiwed-rebrand .dw-shop__bar--refine {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 16px 24px 24px !important;
border-bottom: 0.5px solid #e0dbcc !important;
}
html body.desiwed-rebrand .dw-shop__filters--secondary {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
flex: 1 1 auto !important;
}
/* Ghost pill — used for designer/on-sale (lighter than primary cat pills) */
html body.desiwed-rebrand .dw-pill--ghost {
background: transparent !important;
border: 0.5px solid #c5915a !important;
color: #1a1814 !important;
padding: 6px 14px !important;
font-size: 12px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
font-family: 'Inter', sans-serif !important;
border-radius: 999px !important;
text-decoration: none !important;
transition: background 0.15s ease, color 0.15s ease !important;
}
html body.desiwed-rebrand .dw-pill--ghost:hover {
background: #fdf8f0 !important;
}
html body.desiwed-rebrand .dw-pill--ghost.is-active {
background: #6b2c2c !important;
border-color: #6b2c2c !important;
color: #f8f6f1 !important;
}
html body.desiwed-rebrand .dw-pill__count {
opacity: 0.6 !important;
font-weight: 400 !important;
margin-left: 2px !important;
}
html body.desiwed-rebrand .dw-pill--sale {
background: transparent !important;
border: 0.5px solid #c5915a !important;
color: #c5915a !important;
padding: 6px 14px !important;
font-size: 12px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
font-family: 'Inter', sans-serif !important;
border-radius: 999px !important;
text-decoration: none !important;
}
html body.desiwed-rebrand .dw-pill--sale.is-active {
background: #c5915a !important;
color: #f8f6f1 !important;
}
html body.desiwed-rebrand .dw-pill--clear {
background: transparent !important;
border: 0 !important;
color: #6b2c2c !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
padding: 6px 8px !important;
font-family: 'Inter', sans-serif !important;
}
/* Full-width grid — 4 cols desktop, 3 cols tablet, 2 cols mobile */
html body.desiwed-rebrand .dw-shop__grid--full[class] {
display: block !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 32px 24px 64px !important;
width: auto !important;
}
html body.desiwed-rebrand .dw-shop__grid--full ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 32px 24px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
html body.desiwed-rebrand .dw-shop__grid--full ul.products li.product,
html body.desiwed-rebrand .dw-shop__grid--full ul.products li.product:first-child,
html body.desiwed-rebrand .dw-shop__grid--full ul.products li.product:first-of-type,
html body.desiwed-rebrand .dw-shop__grid--full ul.products li.product.first {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: none !important;
list-style: none !important;
grid-column: span 1 !important;
grid-row: span 1 !important;
}
@media (max-width: 1024px) {
html body.desiwed-rebrand .dw-shop__grid--full ul.products {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 700px) {
/* Tighter container — almost no horizontal padding for edge-to-edge feel */
html body.desiwed-rebrand .dw-shop__grid--full[class] {
padding: 12px 4px 48px !important;
}
/* Switch from grid to flexbox on mobile — bulletproof against any item spanning 2 cells */
html body.desiwed-rebrand .dw-shop__grid--full ul.products,
html body.desiwed-rebrand .dw-shop__grid--full ul.products[class] {
display: flex !important;
flex-wrap: wrap !important;
flex-direction: row !important;
grid-template-columns: none !important;
gap: 20px 4px !important;
margin: 0 !important;
padding: 0 !important;
}
/* Every product card forced to exactly 50% width (minus half the gap) */
html body.desiwed-rebrand .dw-shop__grid--full ul.products li.product,
html body.desiwed-rebrand .dw-shop__grid--full ul.products li.product:first-child,
html body.desiwed-rebrand .dw-shop__grid--full ul.products li.product:first-of-type,
html body.desiwed-rebrand .dw-shop__grid--full ul.products li.product.first,
html body.desiwed-rebrand .dw-shop__grid--full ul.products li.product[class] {
flex: 0 0 calc(50% - 2px) !important;
max-width: calc(50% - 2px) !important;
width: calc(50% - 2px) !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: none !important;
grid-column: auto !important;
grid-row: auto !important;
}
html body.desiwed-rebrand .dw-shop__bar--refine {
flex-direction: column !important;
align-items: stretch !important;
}
/* Mobile product card — tighter meta spacing */
html body.desiwed-rebrand .dw-product-card__meta {
padding: 8px 4px 0 !important;
}
html body.desiwed-rebrand .dw-product-card__name {
font-size: 14px !important;
line-height: 1.3 !important;
}
html body.desiwed-rebrand .dw-product-card__brand {
font-size: 9px !important;
letter-spacing: 1.5px !important;
}
html body.desiwed-rebrand .dw-product-card__price {
font-size: 13px !important;
}
}
/* v3.2.46 — Single-product variation form layout (mobile + desktop).
Was breaking when a size was selected: empty boxes, black button, pill-shaped Clear link. */
html body.desiwed-rebrand.single-product .dw-pdp__form form.cart {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
margin: 24px 0 !important;
padding: 0 !important;
}
html body.desiwed-rebrand.single-product .dw-pdp__form .variations_form {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
/* Single variation panel (price/stock under the dropdowns) */
html body.desiwed-rebrand.single-product .single_variation_wrap {
margin-top: 0 !important;
padding: 0 !important;
}
html body.desiwed-rebrand.single-product .single_variation {
padding: 12px 0 !important;
border-top: 0.5px solid #e0dbcc !important;
border-bottom: 0.5px solid #e0dbcc !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 18px !important;
color: #1a1814 !important;
}
html body.desiwed-rebrand.single-product .single_variation:empty {
display: none !important;
}
html body.desiwed-rebrand.single-product .single_variation .price {
font-size: 20px !important;
color: #6b2c2c !important;
}
html body.desiwed-rebrand.single-product .single_variation .stock {
font-size: 12px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #1a1814 !important;
opacity: 0.7 !important;
}
/* Quantity + add-to-cart row */
html body.desiwed-rebrand.single-product .woocommerce-variation-add-to-cart,
html body.desiwed-rebrand.single-product form.cart:not(.variations_form) {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
gap: 12px !important;
margin: 0 !important;
}
html body.desiwed-rebrand.single-product form.cart .quantity {
flex: 0 0 80px !important;
margin: 0 !important;
}
html body.desiwed-rebrand.single-product form.cart .quantity input.qty {
width: 80px !important;
height: 56px !important;
padding: 0 !important;
text-align: center !important;
border: 0.5px solid #c5915a !important;
background: #fff !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 18px !important;
color: #1a1814 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* Add to cart — maroon, full-width within row */
html body.desiwed-rebrand.single-product form.cart button.single_add_to_cart_button[class],
html body.desiwed-rebrand.single-product form.cart .button.alt[class] {
flex: 1 1 auto !important;
height: 56px !important;
background: #6b2c2c !important;
background-color: #6b2c2c !important;
color: #f8f6f1 !important;
border: 0 !important;
border-radius: 0 !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
padding: 0 24px !important;
box-shadow: none !important;
text-shadow: none !important;
transition: background 0.15s ease !important;
min-height: 56px !important;
cursor: pointer !important;
}
html body.desiwed-rebrand.single-product form.cart button.single_add_to_cart_button[class]:hover,
html body.desiwed-rebrand.single-product form.cart .button.alt[class]:hover {
background: #501f1f !important;
background-color: #501f1f !important;
}
html body.desiwed-rebrand.single-product form.cart button.single_add_to_cart_button[disabled] {
opacity: 0.4 !important;
cursor: not-allowed !important;
}
/* Reset/Clear variations — small text link, not a pink pill */
html body.desiwed-rebrand.single-product .reset_variations {
display: inline-block !important;
background: transparent !important;
border: 0 !important;
color: #6b2c2c !important;
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
padding: 4px 0 !important;
margin-top: 8px !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* v3.2.48 — Cart page editorial redesign.
Killing the stark pink banner, tightening spacing, adding trust signals,
matching the editorial hero pattern from the shop archive. */
/* Kill the default pink page hero */
html body.desiwed-rebrand.woocommerce-cart .page-title-container,
html body.desiwed-rebrand.woocommerce-cart .header-page-title-container,
html body.desiwed-rebrand.woocommerce-cart > #wrapper > .page-title-bar,
html body.desiwed-rebrand.woocommerce-cart .woocommerce-breadcrumb {
display: none !important;
}
/* Cart page wrapper */
html body.desiwed-rebrand.woocommerce-cart #wrapper > .container,
html body.desiwed-rebrand.woocommerce-cart .woocommerce-cart-wrapper {
max-width: 1240px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
/* Editorial hero for cart (replaces pink banner) */
html body.desiwed-rebrand.woocommerce-cart .woocommerce {
max-width: 1240px !important;
margin: 0 auto !important;
padding: 32px 24px 64px !important;
position: relative !important;
}
html body.desiwed-rebrand.woocommerce-cart .woocommerce::before {
content: "DESIWED · YOUR CURATION";
display: block;
font-family: 'Inter', sans-serif;
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
color: #6b2c2c;
text-align: center;
margin: 24px 0 8px;
}
html body.desiwed-rebrand.woocommerce-cart .woocommerce::after {
content: "";
display: block;
position: absolute;
top: 18px;
left: 50%;
transform: translateX(-50%);
width: 32px;
height: 1px;
background: #c5915a;
}
/* The Cart h1 — replace WC's huge default with editorial Cardo */
html body.desiwed-rebrand.woocommerce-cart h1.entry-title,
html body.desiwed-rebrand.woocommerce-cart h1.page-title {
font-family: 'Cardo', Georgia, serif !important;
font-size: 48px !important;
line-height: 1.1 !important;
font-weight: 400 !important;
color: #1a1814 !important;
text-align: center !important;
margin: 0 0 8px !important;
letter-spacing: -0.01em !important;
}
/* Layout — two columns on desktop, stacked on mobile */
html body.desiwed-rebrand.woocommerce-cart .woocommerce-cart-form,
html body.desiwed-rebrand.woocommerce-cart .cart-collaterals {
background: transparent !important;
}
/* Cart product table */
html body.desiwed-rebrand.woocommerce-cart .shop_table.cart {
border: 0 !important;
border-top: 0.5px solid #e0dbcc !important;
background: transparent !important;
margin-top: 32px !important;
}
html body.desiwed-rebrand.woocommerce-cart .shop_table.cart thead {
border-bottom: 0.5px solid #e0dbcc !important;
}
html body.desiwed-rebrand.woocommerce-cart .shop_table.cart thead th {
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: #6b2c2c !important;
font-weight: 500 !important;
padding: 16px 8px !important;
background: transparent !important;
border: 0 !important;
}
html body.desiwed-rebrand.woocommerce-cart .shop_table.cart tbody tr.cart_item {
border-bottom: 0.5px solid #e0dbcc !important;
}
html body.desiwed-rebrand.woocommerce-cart .shop_table.cart tbody td {
padding: 24px 8px !important;
background: transparent !important;
border: 0 !important;
vertical-align: middle !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 16px !important;
color: #1a1814 !important;
}
html body.desiwed-rebrand.woocommerce-cart .product-name a {
font-family: 'Cardo', Georgia, serif !important;
font-size: 17px !important;
color: #1a1814 !important;
text-decoration: none !important;
}
html body.desiwed-rebrand.woocommerce-cart .product-name a:hover {
color: #6b2c2c !important;
}
html body.desiwed-rebrand.woocommerce-cart .variation,
html body.desiwed-rebrand.woocommerce-cart .product-name dl.variation {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #6b2c2c !important;
margin-top: 6px !important;
opacity: 0.85 !important;
}
html body.desiwed-rebrand.woocommerce-cart .product-thumbnail img {
width: 80px !important;
height: 100px !important;
object-fit: cover !important;
border-radius: 0 !important;
border: 0.5px solid #e0dbcc !important;
}
/* Quantity */
html body.desiwed-rebrand.woocommerce-cart .quantity input.qty {
width: 60px !important;
height: 40px !important;
border: 0.5px solid #c5915a !important;
background: #fff !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 15px !important;
text-align: center !important;
border-radius: 0 !important;
}
/* Remove (trash) icon */
html body.desiwed-rebrand.woocommerce-cart .product-remove a.remove,
html body.desiwed-rebrand.woocommerce-cart a.remove {
color: #6b2c2c !important;
background: transparent !important;
font-size: 20px !important;
width: auto !important;
height: auto !important;
line-height: 1 !important;
border: 0 !important;
}
html body.desiwed-rebrand.woocommerce-cart a.remove:hover {
color: #501f1f !important;
background: transparent !important;
}
/* Coupon + update cart row */
html body.desiwed-rebrand.woocommerce-cart .actions {
background: transparent !important;
padding: 16px 8px !important;
}
html body.desiwed-rebrand.woocommerce-cart .coupon input.input-text {
height: 44px !important;
padding: 0 14px !important;
border: 0.5px solid #c5915a !important;
background: #fff !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 14px !important;
border-radius: 0 !important;
min-width: 200px !important;
}
html body.desiwed-rebrand.woocommerce-cart button.button[name="apply_coupon"],
html body.desiwed-rebrand.woocommerce-cart button.button[name="update_cart"] {
background: transparent !important;
color: #6b2c2c !important;
border: 0.5px solid #6b2c2c !important;
border-radius: 0 !important;
height: 44px !important;
padding: 0 20px !important;
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
box-shadow: none !important;
text-shadow: none !important;
}
html body.desiwed-rebrand.woocommerce-cart button.button[name="apply_coupon"]:hover,
html body.desiwed-rebrand.woocommerce-cart button.button[name="update_cart"]:hover {
background: #6b2c2c !important;
color: #f8f6f1 !important;
}
/* Right column — totals box */
html body.desiwed-rebrand.woocommerce-cart .cart_totals,
html body.desiwed-rebrand.woocommerce-cart .cart-collaterals .cart_totals {
background: #fdfaf3 !important;
border: 0.5px solid #e0dbcc !important;
padding: 28px 24px !important;
border-radius: 0 !important;
float: none !important;
width: 100% !important;
}
html body.desiwed-rebrand.woocommerce-cart .cart_totals h2 {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: #6b2c2c !important;
font-weight: 500 !important;
margin: 0 0 16px !important;
padding-bottom: 12px !important;
border-bottom: 0.5px solid #e0dbcc !important;
}
html body.desiwed-rebrand.woocommerce-cart .cart_totals table.shop_table {
border: 0 !important;
margin: 0 !important;
}
html body.desiwed-rebrand.woocommerce-cart .cart_totals table.shop_table th,
html body.desiwed-rebrand.woocommerce-cart .cart_totals table.shop_table td {
border: 0 !important;
padding: 12px 0 !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 15px !important;
color: #1a1814 !important;
background: transparent !important;
}
html body.desiwed-rebrand.woocommerce-cart .cart_totals table.shop_table tr {
border-bottom: 0.5px solid #e8e2d3 !important;
}
html body.desiwed-rebrand.woocommerce-cart .cart_totals table.shop_table tr.order-total {
border-bottom: 0 !important;
}
html body.desiwed-rebrand.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
html body.desiwed-rebrand.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
font-size: 18px !important;
font-weight: 400 !important;
color: #1a1814 !important;
padding-top: 16px !important;
}
html body.desiwed-rebrand.woocommerce-cart .cart_totals .order-total .amount {
color: #6b2c2c !important;
font-weight: 400 !important;
}
/* Proceed to checkout — maroon, pill, full width */
html body.desiwed-rebrand.woocommerce-cart .wc-proceed-to-checkout {
padding: 16px 0 0 !important;
}
html body.desiwed-rebrand.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: #6b2c2c !important;
color: #f8f6f1 !important;
border: 0 !important;
border-radius: 999px !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
padding: 16px 24px !important;
box-shadow: none !important;
text-shadow: none !important;
width: 100% !important;
display: block !important;
text-align: center !important;
transition: background 0.15s ease !important;
}
html body.desiwed-rebrand.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: #501f1f !important;
}
/* Trust strip — appended via PHP, styled here */
html body.desiwed-rebrand .dw-cart-trust {
display: flex !important;
justify-content: center !important;
gap: 32px !important;
flex-wrap: wrap !important;
padding: 32px 24px !important;
margin-top: 16px !important;
border-top: 0.5px solid #e0dbcc !important;
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #1a1814 !important;
opacity: 0.75 !important;
text-align: center !important;
}
html body.desiwed-rebrand .dw-cart-trust span {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
}
html body.desiwed-rebrand .dw-cart-trust .dw-cart-trust__sep {
color: #c5915a !important;
}
/* Empty cart */
html body.desiwed-rebrand.woocommerce-cart .cart-empty {
font-family: 'Cardo', Georgia, serif !important;
font-size: 22px !important;
color: #1a1814 !important;
text-align: center !important;
padding: 64px 24px 24px !important;
border: 0 !important;
background: transparent !important;
}
html body.desiwed-rebrand.woocommerce-cart .return-to-shop a {
display: inline-block !important;
background: #6b2c2c !important;
color: #f8f6f1 !important;
padding: 14px 28px !important;
border-radius: 999px !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
text-decoration: none !important;
margin: 16px auto !important;
}
@media (max-width: 700px) {
html body.desiwed-rebrand.woocommerce-cart h1.entry-title,
html body.desiwed-rebrand.woocommerce-cart h1.page-title {
font-size: 36px !important;
}
html body.desiwed-rebrand.woocommerce-cart .shop_table.cart thead {
display: none !important;
}
html body.desiwed-rebrand.woocommerce-cart .shop_table.cart tbody tr.cart_item {
display: block !important;
padding: 16px 0 !important;
}
html body.desiwed-rebrand.woocommerce-cart .shop_table.cart tbody td {
display: block !important;
padding: 4px 0 !important;
text-align: left !important;
}
html body.desiwed-rebrand .dw-cart-trust {
gap: 16px !important;
font-size: 10px !important;
}
}
/* v3.2.49 — Account / Add Listing / generic auth + form pages.
Same fix as cart: kill pink banner, add editorial hero, brand-style forms + buttons. */
/* Pages with the pink banner that should match the editorial pattern */
html body.desiwed-rebrand.page-template-account,
html body.desiwed-rebrand.page-template-add-listing,
html body.desiwed-rebrand.page-template-my-listings,
html body.desiwed-rebrand.page-template-bookmarks,
html body.desiwed-rebrand.page-template-checkout,
html body.desiwed-rebrand[class*="add-listing"],
html body.desiwed-rebrand[class*="my-account"],
html body.desiwed-rebrand[class*="profile"] {
background: #f8f6f1 !important;
}
/* Hide default pink page-title banner across these pages */
html body.desiwed-rebrand.page-template-account .page-title-container,
html body.desiwed-rebrand.page-template-add-listing .page-title-container,
html body.desiwed-rebrand.page-template-my-listings .page-title-container,
html body.desiwed-rebrand.page-template-bookmarks .page-title-container,
html body.desiwed-rebrand[class*="add-listing"] .page-title-container,
html body.desiwed-rebrand[class*="my-account"] .page-title-container,
html body.desiwed-rebrand[class*="profile"] .page-title-container,
html body.desiwed-rebrand .header-page-title-container,
html body.desiwed-rebrand .page-title-bar {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
}
html body.desiwed-rebrand .page-title-container::before,
html body.desiwed-rebrand .header-page-title-container::before {
display: none !important;
}
html body.desiwed-rebrand .page-title-container .container,
html body.desiwed-rebrand .header-page-title-container .container {
background: transparent !important;
}
/* Editorial hero — replace the page H1 styling */
html body.desiwed-rebrand .page-title-container h1,
html body.desiwed-rebrand .header-page-title-container h1,
html body.desiwed-rebrand .page-title-bar h1 {
font-family: 'Cardo', Georgia, serif !important;
font-size: 56px !important;
line-height: 1.1 !important;
font-weight: 400 !important;
color: #1a1814 !important;
text-align: center !important;
margin: 56px 0 24px !important;
letter-spacing: -0.01em !important;
background: transparent !important;
padding: 0 !important;
}
html body.desiwed-rebrand .page-title-container h1::before,
html body.desiwed-rebrand .header-page-title-container h1::before {
content: "DESIWED";
display: block;
font-family: 'Inter', sans-serif;
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
color: #6b2c2c;
font-weight: 500;
margin-bottom: 8px;
}
/* Hide breadcrumbs on these pages — feels like admin chrome */
html body.desiwed-rebrand .page-title-container .breadcrumb,
html body.desiwed-rebrand .page-title-container .breadcrumbs,
html body.desiwed-rebrand .header-page-title-container .breadcrumb {
display: none !important;
}
/* Tabs (Log In / Register, Bride/Groom / Vendor) — editorial pills */
html body.desiwed-rebrand .listeo-account .tabs-nav,
html body.desiwed-rebrand .my-account-nav,
html body.desiwed-rebrand .add-listing-headline .tabs-nav,
html body.desiwed-rebrand ul.tabs-nav {
display: flex !important;
gap: 32px !important;
border-bottom: 0.5px solid #e0dbcc !important;
padding: 0 !important;
margin: 0 0 32px !important;
list-style: none !important;
justify-content: center !important;
}
html body.desiwed-rebrand .tabs-nav li,
html body.desiwed-rebrand ul.tabs-nav li {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
html body.desiwed-rebrand .tabs-nav li a,
html body.desiwed-rebrand ul.tabs-nav li a {
font-family: 'Cardo', Georgia, serif !important;
font-size: 18px !important;
color: #1a1814 !important;
padding: 12px 4px !important;
border: 0 !important;
background: transparent !important;
border-radius: 0 !important;
border-bottom: 2px solid transparent !important;
display: inline-block !important;
transition: border-color 0.15s ease, color 0.15s ease !important;
text-decoration: none !important;
}
html body.desiwed-rebrand .tabs-nav li.active a,
html body.desiwed-rebrand .tabs-nav li.tab-active a,
html body.desiwed-rebrand ul.tabs-nav li.active a {
border-bottom: 2px solid #6b2c2c !important;
color: #6b2c2c !important;
}
/* User type tab buttons (BRIDE/GROOM, VENDOR on Add Listing register) */
html body.desiwed-rebrand .register .user-type,
html body.desiwed-rebrand .register-user-type,
html body.desiwed-rebrand .listeo-user-type,
html body.desiwed-rebrand .user-type-tabs {
display: flex !important;
gap: 12px !important;
margin: 24px 0 32px !important;
}
html body.desiwed-rebrand .register .user-type label,
html body.desiwed-rebrand .register .user-type a,
html body.desiwed-rebrand .listeo-user-type label,
html body.desiwed-rebrand .user-type-tabs label,
html body.desiwed-rebrand .user-type-tabs a {
flex: 1 1 50% !important;
background: transparent !important;
border: 0.5px solid #c5915a !important;
color: #1a1814 !important;
padding: 16px 20px !important;
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
text-align: center !important;
border-radius: 0 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
transition: background 0.15s ease, color 0.15s ease !important;
}
html body.desiwed-rebrand .register .user-type label.active,
html body.desiwed-rebrand .register .user-type input:checked + label,
html body.desiwed-rebrand .listeo-user-type input:checked + label,
html body.desiwed-rebrand .user-type-tabs .active,
html body.desiwed-rebrand .user-type-tabs input:checked + label {
background: #6b2c2c !important;
color: #f8f6f1 !important;
border-color: #6b2c2c !important;
}
/* Form inputs — clean Cardo serif, gold border, paper bg */
html body.desiwed-rebrand .listeo-account input[type="text"],
html body.desiwed-rebrand .listeo-account input[type="email"],
html body.desiwed-rebrand .listeo-account input[type="password"],
html body.desiwed-rebrand .login-form input[type="text"],
html body.desiwed-rebrand .login-form input[type="email"],
html body.desiwed-rebrand .login-form input[type="password"],
html body.desiwed-rebrand .add-listing-section input[type="text"],
html body.desiwed-rebrand .add-listing-section input[type="email"],
html body.desiwed-rebrand .add-listing-section input[type="password"],
html body.desiwed-rebrand .add-listing-section input[type="tel"],
html body.desiwed-rebrand .add-listing-section input[type="url"],
html body.desiwed-rebrand .add-listing-section input[type="number"],
html body.desiwed-rebrand .add-listing-section textarea,
html body.desiwed-rebrand form.login input[type="text"],
html body.desiwed-rebrand form.login input[type="email"],
html body.desiwed-rebrand form.login input[type="password"],
html body.desiwed-rebrand form.register input[type="text"],
html body.desiwed-rebrand form.register input[type="email"],
html body.desiwed-rebrand form.register input[type="password"],
html body.desiwed-rebrand .input-with-icon input,
html body.desiwed-rebrand .input-with-icon-left input {
height: 56px !important;
padding: 0 18px !important;
border: 0.5px solid #dcd6cb !important;
background: #fff !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 16px !important;
color: #1a1814 !important;
border-radius: 0 !important;
box-shadow: none !important;
width: 100% !important;
transition: border-color 0.15s ease !important;
}
html body.desiwed-rebrand .listeo-account input:focus,
html body.desiwed-rebrand .login-form input:focus,
html body.desiwed-rebrand .add-listing-section input:focus,
html body.desiwed-rebrand .add-listing-section textarea:focus,
html body.desiwed-rebrand form.login input:focus,
html body.desiwed-rebrand form.register input:focus,
html body.desiwed-rebrand .input-with-icon input:focus {
border-color: #6b2c2c !important;
outline: 0 !important;
}
/* v3.2.50 — Keep Listeo's left input icons but properly position them so they don't overlap text. */
html body.desiwed-rebrand .input-with-icon-left,
html body.desiwed-rebrand .input-with-icon {
position: relative !important;
}
html body.desiwed-rebrand .input-with-icon-left input,
html body.desiwed-rebrand .input-with-icon input {
padding-left: 50px !important;
}
html body.desiwed-rebrand .input-with-icon-left i,
html body.desiwed-rebrand .input-with-icon-left svg,
html body.desiwed-rebrand .input-with-icon i,
html body.desiwed-rebrand .input-with-icon svg {
position: absolute !important;
left: 18px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 16px !important;
width: 18px !important;
height: 18px !important;
color: #c5915a !important;
z-index: 2 !important;
pointer-events: none !important;
display: inline-block !important;
line-height: 1 !important;
}
/* Password visibility toggle — keep it but restyle */
html body.desiwed-rebrand .password-visibility-toggle,
html body.desiwed-rebrand .show-pass {
color: #6b2c2c !important;
right: 18px !important;
background: transparent !important;
}
/* Login / Register / Submit buttons — maroon pill */
html body.desiwed-rebrand .listeo-account button[type="submit"],
html body.desiwed-rebrand .login-form button[type="submit"],
html body.desiwed-rebrand .add-listing-section button[type="submit"],
html body.desiwed-rebrand form.login button[type="submit"],
html body.desiwed-rebrand form.register button[type="submit"],
html body.desiwed-rebrand button.button.full-width.button-sliding-icon,
html body.desiwed-rebrand .button.full-width.margin-top-10 {
background: #6b2c2c !important;
background-color: #6b2c2c !important;
color: #f8f6f1 !important;
border: 0 !important;
border-radius: 999px !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
height: 56px !important;
padding: 0 32px !important;
box-shadow: none !important;
text-shadow: none !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
cursor: pointer !important;
transition: background 0.15s ease !important;
margin-top: 16px !important;
}
html body.desiwed-rebrand .listeo-account button[type="submit"]:hover,
html body.desiwed-rebrand .login-form button[type="submit"]:hover,
html body.desiwed-rebrand .add-listing-section button[type="submit"]:hover,
html body.desiwed-rebrand form.login button[type="submit"]:hover,
html body.desiwed-rebrand form.register button[type="submit"]:hover {
background: #501f1f !important;
background-color: #501f1f !important;
}
html body.desiwed-rebrand button.button.full-width.button-sliding-icon i,
html body.desiwed-rebrand .button.full-width.margin-top-10 i {
display: none !important;
}
/* "Lost Your Password?" link */
html body.desiwed-rebrand .lost_password,
html body.desiwed-rebrand a.forgot-password,
html body.desiwed-rebrand .forgot-password-link {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #6b2c2c !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
margin: 12px 0 !important;
display: inline-block !important;
}
/* Remember me checkbox */
html body.desiwed-rebrand .checkboxes input[type="checkbox"] + label,
html body.desiwed-rebrand label[for="remember-me"] {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #1a1814 !important;
}
/* Account / Add Listing form sections */
html body.desiwed-rebrand .add-listing-section {
background: #fff !important;
border: 0.5px solid #e0dbcc !important;
padding: 32px !important;
margin-bottom: 24px !important;
border-radius: 0 !important;
}
html body.desiwed-rebrand .add-listing-headline,
html body.desiwed-rebrand .add-listing-section h3 {
font-family: 'Cardo', Georgia, serif !important;
font-size: 22px !important;
color: #1a1814 !important;
margin: 0 0 24px !important;
padding-bottom: 16px !important;
border-bottom: 0.5px solid #e0dbcc !important;
font-weight: 400 !important;
}
html body.desiwed-rebrand .add-listing-section label,
html body.desiwed-rebrand .listeo-account label,
html body.desiwed-rebrand form.login label,
html body.desiwed-rebrand form.register label {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #6b2c2c !important;
font-weight: 500 !important;
margin-bottom: 8px !important;
display: block !important;
}
/* Center the auth form box */
html body.desiwed-rebrand .listeo-account,
html body.desiwed-rebrand .my-account-form-wrapper,
html body.desiwed-rebrand .login-form-wrapper {
max-width: 480px !important;
margin: 0 auto !important;
padding: 32px 24px !important;
background: #fff !important;
border: 0.5px solid #e0dbcc !important;
}
@media (max-width: 700px) {
html body.desiwed-rebrand .page-title-container h1,
html body.desiwed-rebrand .header-page-title-container h1,
html body.desiwed-rebrand .page-title-bar h1 {
font-size: 36px !important;
margin: 40px 0 16px !important;
}
html body.desiwed-rebrand .add-listing-section {
padding: 20px !important;
}
html body.desiwed-rebrand .listeo-account,
html body.desiwed-rebrand .my-account-form-wrapper {
padding: 20px !important;
margin: 0 16px !important;
}
}
/* v3.2.50 — Sign-in popup modal (#sign-in-dialog via Magnific Popup).
Black title bar, basic button styling — needs full brand pass. */
/* Modal container — clean paper white card, no black bar */
html body.desiwed-rebrand #sign-in-dialog,
html body.desiwed-rebrand .sign-in-form,
html body.desiwed-rebrand .mfp-content #sign-in-dialog {
background: #f8f6f1 !important;
border-radius: 0 !important;
max-width: 480px !important;
margin: 24px auto !important;
padding: 0 !important;
box-shadow: 0 24px 64px rgba(26, 24, 20, 0.18) !important;
overflow: hidden !important;
}
/* Kill the black header bar */
html body.desiwed-rebrand #sign-in-dialog .sign-in-form-header,
html body.desiwed-rebrand #sign-in-dialog .header,
html body.desiwed-rebrand #sign-in-dialog > h3:first-child,
html body.desiwed-rebrand #sign-in-dialog .modal-header,
html body.desiwed-rebrand .sign-in-form .sign-in-form-header,
html body.desiwed-rebrand .sign-in-form .header {
background: #f8f6f1 !important;
background-color: #f8f6f1 !important;
color: #1a1814 !important;
padding: 32px 32px 0 !important;
border: 0 !important;
box-shadow: none !important;
}
html body.desiwed-rebrand #sign-in-dialog h3,
html body.desiwed-rebrand #sign-in-dialog h2,
html body.desiwed-rebrand #sign-in-dialog .sign-in-form-header h3,
html body.desiwed-rebrand .sign-in-form h3 {
font-family: 'Cardo', Georgia, serif !important;
font-size: 32px !important;
font-weight: 400 !important;
color: #1a1814 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
text-align: center !important;
letter-spacing: -0.01em !important;
}
/* Tabs in modal — Cardo serif with maroon underline */
html body.desiwed-rebrand #sign-in-dialog ul.tabs-nav,
html body.desiwed-rebrand .sign-in-form ul.tabs-nav {
display: flex !important;
gap: 32px !important;
justify-content: center !important;
border-bottom: 0.5px solid #e0dbcc !important;
background: #f8f6f1 !important;
margin: 24px 0 0 !important;
padding: 0 32px !important;
list-style: none !important;
}
html body.desiwed-rebrand #sign-in-dialog ul.tabs-nav li,
html body.desiwed-rebrand .sign-in-form ul.tabs-nav li {
margin: 0 !important;
background: transparent !important;
border: 0 !important;
}
html body.desiwed-rebrand #sign-in-dialog ul.tabs-nav li a,
html body.desiwed-rebrand .sign-in-form ul.tabs-nav li a {
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
color: #1a1814 !important;
background: transparent !important;
padding: 14px 4px !important;
border: 0 !important;
border-bottom: 2px solid transparent !important;
border-radius: 0 !important;
display: inline-block !important;
transition: border-color 0.15s ease, color 0.15s ease !important;
text-decoration: none !important;
box-shadow: none !important;
}
html body.desiwed-rebrand #sign-in-dialog ul.tabs-nav li.active a,
html body.desiwed-rebrand .sign-in-form ul.tabs-nav li.active a {
border-bottom: 2px solid #6b2c2c !important;
color: #6b2c2c !important;
}
/* Form body padding */
html body.desiwed-rebrand #sign-in-dialog .tabs-container,
html body.desiwed-rebrand #sign-in-dialog .tab-content,
html body.desiwed-rebrand .sign-in-form .tabs-container,
html body.desiwed-rebrand .sign-in-form .tab-content {
padding: 28px 32px 32px !important;
background: #f8f6f1 !important;
}
/* Inputs in modal */
html body.desiwed-rebrand #sign-in-dialog input[type="text"],
html body.desiwed-rebrand #sign-in-dialog input[type="email"],
html body.desiwed-rebrand #sign-in-dialog input[type="password"],
html body.desiwed-rebrand .sign-in-form input[type="text"],
html body.desiwed-rebrand .sign-in-form input[type="email"],
html body.desiwed-rebrand .sign-in-form input[type="password"] {
height: 56px !important;
padding: 0 18px 0 50px !important;
border: 0.5px solid #dcd6cb !important;
background: #fff !important;
font-family: 'Cardo', Georgia, serif !important;
font-size: 16px !important;
color: #1a1814 !important;
border-radius: 0 !important;
box-shadow: none !important;
width: 100% !important;
margin-bottom: 12px !important;
}
html body.desiwed-rebrand #sign-in-dialog input:focus,
html body.desiwed-rebrand .sign-in-form input:focus {
border-color: #6b2c2c !important;
outline: 0 !important;
}
/* Maroon login/register button in modal */
html body.desiwed-rebrand #sign-in-dialog button.button[class],
html body.desiwed-rebrand #sign-in-dialog button[type="submit"][class],
html body.desiwed-rebrand .sign-in-form button.button[class],
html body.desiwed-rebrand .sign-in-form button[type="submit"][class] {
background: #6b2c2c !important;
background-color: #6b2c2c !important;
color: #f8f6f1 !important;
border: 0 !important;
border-radius: 999px !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
height: 56px !important;
padding: 0 32px !important;
box-shadow: none !important;
text-shadow: none !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
cursor: pointer !important;
margin: 16px 0 8px !important;
}
html body.desiwed-rebrand #sign-in-dialog button:hover,
html body.desiwed-rebrand .sign-in-form button:hover {
background: #501f1f !important;
}
/* "Lost password" + "Remember me" inside modal */
html body.desiwed-rebrand #sign-in-dialog .lost_password,
html body.desiwed-rebrand #sign-in-dialog .forgot-password,
html body.desiwed-rebrand .sign-in-form .lost_password,
html body.desiwed-rebrand .sign-in-form .forgot-password {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #6b2c2c !important;
display: inline-block !important;
margin: 12px 0 !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
html body.desiwed-rebrand #sign-in-dialog label,
html body.desiwed-rebrand .sign-in-form label {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #1a1814 !important;
}
/* Modal close button (X in top-right) */
html body.desiwed-rebrand .mfp-close,
html body.desiwed-rebrand #sign-in-dialog .mfp-close {
color: #1a1814 !important;
opacity: 1 !important;
font-size: 28px !important;
font-weight: 300 !important;
width: 44px !important;
height: 44px !important;
line-height: 44px !important;
text-align: center !important;
right: 0 !important;
top: 0 !important;
}
/* Modal background overlay — slightly tinted (was solid black) */
html body.desiwed-rebrand .mfp-bg {
background: rgba(26, 24, 20, 0.55) !important;
opacity: 1 !important;
}
/* v3.2.51 — Auth/listing pages, broader selectors. */
/* Kill pink banner on add-listing/account/etc — broader catch */
html body.desiwed-rebrand.page[class*="add-listing"] .page-title-container,
html body.desiwed-rebrand.page[class*="my-profile"] .page-title-container,
html body.desiwed-rebrand.page[class*="dashboard"] .page-title-container,
html body.desiwed-rebrand.page[class*="bookmarks"] .page-title-container,
html body.desiwed-rebrand.page[class*="my-listings"] .page-title-container,
html body.desiwed-rebrand .header-page-title-container[class],
html body.desiwed-rebrand main > .page-title-container,
html body.desiwed-rebrand #titlebar {
background: #f8f6f1 !important;
background-color: #f8f6f1 !important;
background-image: none !important;
padding: 24px 0 16px !important;
border: 0 !important;
}
/* Form input icon overlap — apply padding to ALL form inputs in auth/listing contexts.
The icon is rendered as a font-icon character INSIDE the input via CSS positioning,
so we just enforce padding regardless of whether wrapper class exists. */
html body.desiwed-rebrand .add-listing-section input[type="text"],
html body.desiwed-rebrand .add-listing-section input[type="email"],
html body.desiwed-rebrand .add-listing-section input[type="password"],
html body.desiwed-rebrand .add-listing-section input[type="tel"],
html body.desiwed-rebrand .listeo-account input[type="text"],
html body.desiwed-rebrand .listeo-account input[type="email"],
html body.desiwed-rebrand .listeo-account input[type="password"],
html body.desiwed-rebrand .my-account input[type="text"],
html body.desiwed-rebrand .my-account input[type="email"],
html body.desiwed-rebrand .my-account input[type="password"],
html body.desiwed-rebrand form#login input[type="text"],
html body.desiwed-rebrand form#login input[type="email"],
html body.desiwed-rebrand form#login input[type="password"],
html body.desiwed-rebrand form#register input[type="text"],
html body.desiwed-rebrand form#register input[type="email"],
html body.desiwed-rebrand form#register input[type="password"],
html body.desiwed-rebrand .tab-content input[type="text"],
html body.desiwed-rebrand .tab-content input[type="email"],
html body.desiwed-rebrand .tab-content input[type="password"] {
padding-left: 52px !important;
}
/* The font-icon glyph inside inputs is rendered via :before pseudo on a span/i wrapper.
Listeo uses class `input-with-icon-left` AND `with-border` etc. Catch all variants. */
html body.desiwed-rebrand .add-listing-section [class*="input-with-icon"],
html body.desiwed-rebrand .listeo-account [class*="input-with-icon"],
html body.desiwed-rebrand form#login [class*="input-with-icon"],
html body.desiwed-rebrand form#register [class*="input-with-icon"] {
position: relative !important;
}
html body.desiwed-rebrand .add-listing-section [class*="input-with-icon"] > i,
html body.desiwed-rebrand .add-listing-section [class*="input-with-icon"] > svg,
html body.desiwed-rebrand .listeo-account [class*="input-with-icon"] > i,
html body.desiwed-rebrand .listeo-account [class*="input-with-icon"] > svg,
html body.desiwed-rebrand form#login [class*="input-with-icon"] > i,
html body.desiwed-rebrand form#register [class*="input-with-icon"] > i,
html body.desiwed-rebrand .tab-content [class*="input-with-icon"] > i {
position: absolute !important;
left: 18px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #c5915a !important;
z-index: 2 !important;
font-size: 16px !important;
pointer-events: none !important;
margin: 0 !important;
}
/* Maroon buttons — much broader catch on auth/listing pages */
html body.desiwed-rebrand .listeo-account button,
html body.desiwed-rebrand .listeo-account .button,
html body.desiwed-rebrand .listeo-account a.button,
html body.desiwed-rebrand .add-listing-section button,
html body.desiwed-rebrand .add-listing-section .button,
html body.desiwed-rebrand .add-listing-section a.button,
html body.desiwed-rebrand .my-account button,
html body.desiwed-rebrand .my-account .button,
html body.desiwed-rebrand form#login button,
html body.desiwed-rebrand form#register button,
html body.desiwed-rebrand .tab-content button.button,
html body.desiwed-rebrand .tab-content button[type="submit"] {
background: #6b2c2c !important;
background-color: #6b2c2c !important;
color: #f8f6f1 !important;
border: 0 !important;
border-radius: 999px !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
height: 56px !important;
min-height: 56px !important;
padding: 0 32px !important;
box-shadow: none !important;
text-shadow: none !important;
width: 100% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
margin-top: 16px !important;
}
html body.desiwed-rebrand .listeo-account button:hover,
html body.desiwed-rebrand .add-listing-section button:hover,
html body.desiwed-rebrand .tab-content button:hover {
background: #501f1f !important;
}
/* BRIDE/GROOM and VENDOR user-type tabs — fill maroon when active */
html body.desiwed-rebrand .user-type-radio + label,
html body.desiwed-rebrand .megaoptions-box-section input[type="radio"] + label,
html body.desiwed-rebrand .listeo-user-type label.active,
html body.desiwed-rebrand .listeo-user-type input:checked + label {
background: #6b2c2c !important;
color: #f8f6f1 !important;
border-color: #6b2c2c !important;
}
/* Modal close button — neutralize any button styling, force clean × */
html body.desiwed-rebrand button.mfp-close,
html body.desiwed-rebrand .mfp-close,
html body.desiwed-rebrand #sign-in-dialog .mfp-close,
html body.desiwed-rebrand .mfp-wrap .mfp-close[class] {
background: transparent !important;
background-color: transparent !important;
color: #1a1814 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
width: 48px !important;
height: 48px !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
font-size: 0 !important;
line-height: 1 !important;
font-family: inherit !important;
letter-spacing: 0 !important;
text-transform: none !important;
font-weight: 400 !important;
position: absolute !important;
right: 4px !important;
top: 4px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 10 !important;
opacity: 1 !important;
cursor: pointer !important;
overflow: hidden !important;
}
html body.desiwed-rebrand button.mfp-close::before,
html body.desiwed-rebrand .mfp-close::before {
content: "×" !important;
font-size: 32px !important;
font-weight: 300 !important;
color: #1a1814 !important;
line-height: 1 !important;
display: block !important;
}
html body.desiwed-rebrand .mfp-close:hover::before {
color: #6b2c2c !important;
}
/* v3.2.52 — Hero search SEARCH button: bigger, maroon (not black/grey).
Also kill grey BRIDE/GROOM active state, replace with brand maroon. */
/* Homepage hero search submit button */
html body.desiwed-rebrand .dw-search__submit[class],
html body.desiwed-rebrand button.dw-search__submit,
html body.desiwed-rebrand .dw-search button[type="submit"] {
background: #6b2c2c !important;
background-color: #6b2c2c !important;
color: #f8f6f1 !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 40px !important;
height: 64px !important;
min-height: 64px !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
cursor: pointer !important;
width: 100% !important;
box-shadow: none !important;
text-shadow: none !important;
transition: background 0.15s ease !important;
}
html body.desiwed-rebrand .dw-search__submit:hover {
background: #501f1f !important;
}
@media (max-width: 700px) {
html body.desiwed-rebrand .dw-search__submit[class] {
height: 60px !important;
min-height: 60px !important;
font-size: 13px !important;
letter-spacing: 2.5px !important;
}
}
/* BRIDE/GROOM and VENDOR user-type tabs — kill grey, force brand colors.
Listeo uses inputs with radio + label.checked OR a tab-radio-button pattern. */
html body.desiwed-rebrand .register-tab-content .megaoptions-box-section,
html body.desiwed-rebrand .tab-content .megaoptions-box-section,
html body.desiwed-rebrand .megaoptions-box-section[class] {
display: flex !important;
gap: 12px !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
margin: 16px 0 24px !important;
}
html body.desiwed-rebrand .megaoptions-box-section .checkboxes,
html body.desiwed-rebrand .register .checkboxes {
display: flex !important;
gap: 12px !important;
width: 100% !important;
}
/* The user-type label (default state — gold border, paper bg, maroon text) */
html body.desiwed-rebrand .megaoptions-box-section label,
html body.desiwed-rebrand .register .checkboxes label,
html body.desiwed-rebrand .user-type-radio + label,
html body.desiwed-rebrand input[type="radio"][name="user_type"] + label,
html body.desiwed-rebrand label[for*="user_type"],
html body.desiwed-rebrand label[for="bride-groom"],
html body.desiwed-rebrand label[for="vendor"] {
flex: 1 1 50% !important;
background: #f8f6f1 !important;
background-color: #f8f6f1 !important;
border: 0.5px solid #c5915a !important;
color: #6b2c2c !important;
padding: 18px 20px !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
text-align: center !important;
border-radius: 0 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
margin: 0 !important;
}
html body.desiwed-rebrand .megaoptions-box-section label i,
html body.desiwed-rebrand .register .checkboxes label i,
html body.desiwed-rebrand label[for*="user_type"] i {
color: inherit !important;
font-size: 16px !important;
}
/* Active state — solid maroon */
html body.desiwed-rebrand .megaoptions-box-section input[type="radio"]:checked + label,
html body.desiwed-rebrand .register input[type="radio"]:checked + label,
html body.desiwed-rebrand .megaoptions-box-section label.active,
html body.desiwed-rebrand .megaoptions-box-section label.checked,
html body.desiwed-rebrand .checkboxes label.active,
html body.desiwed-rebrand .checkboxes label.checked,
html body.desiwed-rebrand label.active[for*="user_type"],
html body.desiwed-rebrand label.checked[for*="user_type"] {
background: #6b2c2c !important;
background-color: #6b2c2c !important;
color: #f8f6f1 !important;
border-color: #6b2c2c !important;
}
html body.desiwed-rebrand .megaoptions-box-section input[type="radio"]:checked + label i,
html body.desiwed-rebrand .checkboxes label.active i,
html body.desiwed-rebrand .checkboxes label.checked i {
color: #f8f6f1 !important;
}
/* Hide the actual radio input */
html body.desiwed-rebrand .megaoptions-box-section input[type="radio"],
html body.desiwed-rebrand .register input[type="radio"][name="user_type"],
html body.desiwed-rebrand .checkboxes input[type="radio"][name*="user_type"] {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* v3.2.53 — Dashboard pages (Listeo User Dashboard: /messages/, /bookings/, /my-listings/, etc.).
Kill pink banner, clean up sidebar, white background, smaller editorial title. */
html body.desiwed-rebrand[class*="dashboard"],
html body.desiwed-rebrand[class*="messages"],
html body.desiwed-rebrand[class*="my-bookings"],
html body.desiwed-rebrand[class*="my-listings"],
html body.desiwed-rebrand[class*="bookmarks"],
html body.desiwed-rebrand[class*="wallet"],
html body.desiwed-rebrand[class*="add-listing"],
html body.desiwed-rebrand[class*="my-profile"] {
background: #fff !important;
}
/* Kill pink page-title banner on dashboard pages */
html body.desiwed-rebrand[class*="dashboard"] #titlebar,
html body.desiwed-rebrand[class*="messages"] #titlebar,
html body.desiwed-rebrand[class*="my-bookings"] #titlebar,
html body.desiwed-rebrand[class*="my-listings"] #titlebar,
html body.desiwed-rebrand[class*="bookmarks"] #titlebar,
html body.desiwed-rebrand[class*="wallet"] #titlebar,
html body.desiwed-rebrand[class*="add-listing"] #titlebar,
html body.desiwed-rebrand[class*="my-profile"] #titlebar,
html body.desiwed-rebrand[class*="dashboard"] .page-title-container,
html body.desiwed-rebrand[class*="messages"] .page-title-container,
html body.desiwed-rebrand[class*="my-bookings"] .page-title-container,
html body.desiwed-rebrand[class*="my-listings"] .page-title-container,
html body.desiwed-rebrand[class*="bookmarks"] .page-title-container,
html body.desiwed-rebrand[class*="add-listing"] .page-title-container {
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
padding: 24px 0 0 !important;
margin: 0 !important;
border: 0 !important;
min-height: 0 !important;
}
html body.desiwed-rebrand[class*="dashboard"] #titlebar::before,
html body.desiwed-rebrand[class*="messages"] #titlebar::before,
html body.desiwed-rebrand[class*="my-bookings"] #titlebar::before,
html body.desiwed-rebrand[class*="my-listings"] #titlebar::before {
display: none !important;
}
/* Smaller, left-aligned editorial title on dashboard pages */
html body.desiwed-rebrand[class*="dashboard"] #titlebar h1,
html body.desiwed-rebrand[class*="messages"] #titlebar h1,
html body.desiwed-rebrand[class*="my-bookings"] #titlebar h1,
html body.desiwed-rebrand[class*="my-listings"] #titlebar h1,
html body.desiwed-rebrand[class*="bookmarks"] #titlebar h1,
html body.desiwed-rebrand[class*="add-listing"] #titlebar h1,
html body.desiwed-rebrand[class*="dashboard"] .page-title-container h1,
html body.desiwed-rebrand[class*="messages"] .page-title-container h1 {
font-family: 'Cardo', Georgia, serif !important;
font-size: 28px !important;
font-weight: 400 !important;
color: #1a1814 !important;
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
letter-spacing: -0.005em !important;
}
html body.desiwed-rebrand[class*="dashboard"] #titlebar h1::before,
html body.desiwed-rebrand[class*="messages"] #titlebar h1::before {
display: none !important;
}
/* Breadcrumb on dashboard — small grey caps to right */
html body.desiwed-rebrand[class*="dashboard"] #breadcrumbs,
html body.desiwed-rebrand[class*="messages"] #breadcrumbs,
html body.desiwed-rebrand[class*="dashboard"] .breadcrumbs,
html body.desiwed-rebrand[class*="messages"] .breadcrumbs {
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #8b8378 !important;
padding: 0 !important;
margin: 0 !important;
}
/* Sidebar refinements — Listeo's user-dashboard sidebar */
html body.desiwed-rebrand .user-menu,
html body.desiwed-rebrand .user-menu-container,
html body.desiwed-rebrand .dashboard-nav {
background: #fff !important;
border: 0 !important;
border-right: 0.5px solid #e0dbcc !important;
padding: 24px 0 !important;
}
html body.desiwed-rebrand .user-menu .menu-trigger,
html body.desiwed-rebrand .dashboard-nav-headline {
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
color: #8b8378 !important;
padding: 16px 24px 8px !important;
margin: 0 !important;
}
html body.desiwed-rebrand .user-menu ul li a,
html body.desiwed-rebrand .dashboard-nav ul li a {
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
color: #1a1814 !important;
padding: 12px 24px !important;
border-left: 3px solid transparent !important;
background: transparent !important;
letter-spacing: 0 !important;
text-transform: none !important;
font-weight: 400 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
transition: background 0.15s ease, border-color 0.15s ease !important;
}
html body.desiwed-rebrand .user-menu ul li a:hover,
html body.desiwed-rebrand .dashboard-nav ul li a:hover {
background: #f8f6f1 !important;
}
html body.desiwed-rebrand .user-menu ul li.current a,
html body.desiwed-rebrand .user-menu ul li.active a,
html body.desiwed-rebrand .dashboard-nav ul li.current a,
html body.desiwed-rebrand .dashboard-nav ul li.active a {
background: #fdfaf3 !important;
border-left-color: #6b2c2c !important;
color: #6b2c2c !important;
font-weight: 500 !important;
}
html body.desiwed-rebrand .user-menu ul li a i,
html body.desiwed-rebrand .dashboard-nav ul li a i {
font-size: 14px !important;
width: 16px !important;
color: inherit !important;
}
/* Content boxes on dashboard pages — clean white cards */
html body.desiwed-rebrand[class*="dashboard"] .dashboard-list-box,
html body.desiwed-rebrand[class*="messages"] .dashboard-list-box,
html body.desiwed-rebrand[class*="my-bookings"] .dashboard-list-box,
html body.desiwed-rebrand[class*="my-listings"] .dashboard-list-box {
background: #fff !important;
border: 0.5px solid #e0dbcc !important;
border-radius: 0 !important;
margin-bottom: 24px !important;
box-shadow: none !important;
}
html body.desiwed-rebrand[class*="dashboard"] .dashboard-list-box-static,
html body.desiwed-rebrand[class*="messages"] .dashboard-list-box-static {
background: #fff !important;
border: 0.5px solid #e0dbcc !important;
padding: 24px !important;
margin-bottom: 16px !important;
}
html body.desiwed-rebrand .dashboard-list-box .headline,
html body.desiwed-rebrand .dashboard-list-box-static .headline {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
color: #6b2c2c !important;
font-weight: 500 !important;
background: transparent !important;
padding: 16px 24px !important;
border-bottom: 0.5px solid #e0dbcc !important;
margin: 0 !important;
}
/* v3.2.54 reverted — body stays 1400px, grid stays 3-col. */
/* v3.2.56 — Vendor archive category pills row (above location pills). */
html body.desiwed-rebrand .dw-archive__cat-pills {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 16px 32px 8px !important;
border-bottom: 0.5px solid #e0dbcc !important;
}
html body.desiwed-rebrand .dw-archive__cat-pills .dw-pill {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
background: transparent !important;
border: 0.5px solid #c5915a !important;
color: #1a1814 !important;
padding: 8px 16px !important;
border-radius: 999px !important;
text-decoration: none !important;
transition: background 0.15s ease, color 0.15s ease !important;
}
html body.desiwed-rebrand .dw-archive__cat-pills .dw-pill:hover {
background: #fdf8f0 !important;
}
html body.desiwed-rebrand .dw-archive__cat-pills .dw-pill.is-active {
background: #6b2c2c !important;
border-color: #6b2c2c !important;
color: #f8f6f1 !important;
}
/* v3.2.59 — Mobile: vendor archive pill rows scroll horizontally instead of wrapping.
Was taking 8+ rows of vertical space before any vendor cards showed. */
@media (max-width: 700px) {
/* Category pills row */
html body.desiwed-rebrand .dw-archive__cat-pills {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 8px !important;
padding: 12px 16px !important;
scroll-snap-type: x proximity !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
html body.desiwed-rebrand .dw-archive__cat-pills::-webkit-scrollbar {
display: none !important;
}
html body.desiwed-rebrand .dw-archive__cat-pills .dw-pill {
flex: 0 0 auto !important;
white-space: nowrap !important;
scroll-snap-align: start !important;
}
/* Location pills row (inside .dw-archive__controls) */
html body.desiwed-rebrand .dw-archive__pills {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 8px !important;
padding: 8px 16px !important;
scroll-snap-type: x proximity !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
width: 100% !important;
}
html body.desiwed-rebrand .dw-archive__pills::-webkit-scrollbar {
display: none !important;
}
html body.desiwed-rebrand .dw-archive__pills .dw-pill {
flex: 0 0 auto !important;
white-space: nowrap !important;
scroll-snap-align: start !important;
}
/* The controls bar should stack: pills above, sort below */
html body.desiwed-rebrand .dw-archive__controls {
flex-direction: column !important;
align-items: stretch !important;
gap: 8px !important;
padding: 0 !important;
}
html body.desiwed-rebrand .dw-archive__sort {
justify-content: space-between !important;
padding: 4px 16px 12px !important;
}
/* Tighter title hero on mobile so vendors come into view sooner */
html body.desiwed-rebrand .dw-archive__title {
padding: 24px 16px 16px !important;
}
html body.desiwed-rebrand .dw-archive__h1 {
font-size: 32px !important;
line-height: 1.15 !important;
}
html body.desiwed-rebrand .dw-archive__lede {
font-size: 14px !important;
line-height: 1.4 !important;
}
}
/* End */