/* ==========================================================================
   DESIWED CHILD V2 — HOTFIX CSS
   ==========================================================================
   Targets the three remaining issues from screenshots:
     1. WooCommerce/Listeo sidebar overlapping shop + product pages
     2. Black select dropdowns on category archive pages
     3. Vendor card title overlap on category archives
   ========================================================================== */

/* ==========================================================================
   1. KILL THE WOOCOMMERCE / LISTEO SIDEBAR
   ==========================================================================
   The product/shop pages have a left sidebar with "Desi Outfits → Dresses → Lehenga Sets..."
   that's overlapping the layout. Aggressive hide.
   ========================================================================== */

/* Hide all WooCommerce sidebars and Listeo product sidebars */
.desiwed-rebrand.woocommerce aside.sidebar,
.desiwed-rebrand.woocommerce-page aside.sidebar,
.desiwed-rebrand.archive.woocommerce aside,
.desiwed-rebrand.single-product aside.sidebar,
.desiwed-rebrand .woocommerce-products-sidebar,
.desiwed-rebrand .shop-sidebar,
.desiwed-rebrand .listeo-shop-sidebar,
.desiwed-rebrand .single-product .product-cat-sidebar,
.desiwed-rebrand.woocommerce-page .col-md-3:has(.widget_product_categories),
.desiwed-rebrand.single-product .col-md-3:has(.widget),
.desiwed-rebrand.archive .col-md-3:has(.widget_product_categories),
.desiwed-rebrand.archive.woocommerce-page .col-md-3,
.desiwed-rebrand.single-product .col-md-3,
.desiwed-rebrand.tax-product_cat .col-md-3,
.desiwed-rebrand .product-categories-list,
.desiwed-rebrand body.woocommerce-shop > #wrapper aside,
.desiwed-rebrand body.tax-product_cat > #wrapper aside,
.desiwed-rebrand body.single-product > #wrapper aside {
    display: none !important;
}

/* Also hide WP_Widget product category widgets when they appear in sidebars */
.desiwed-rebrand .widget_product_categories,
.desiwed-rebrand .widget_layered_nav,
.desiwed-rebrand .widget_price_filter,
.desiwed-rebrand body.single-product .widget,
.desiwed-rebrand body.woocommerce .sidebar > .widget {
    display: none !important;
}

/* Force product page main column to full width */
.desiwed-rebrand.single-product .col-md-9,
.desiwed-rebrand.archive.woocommerce .col-md-9,
.desiwed-rebrand.tax-product_cat .col-md-9,
.desiwed-rebrand.woocommerce-page .col-md-9,
.desiwed-rebrand.woocommerce-shop .col-md-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Listeo's #wrapper might use its own grid; collapse the row gap */
.desiwed-rebrand.single-product #wrapper > .container > .row,
.desiwed-rebrand.woocommerce-shop #wrapper > .container > .row,
.desiwed-rebrand.woocommerce-page #wrapper > .container > .row {
    display: block !important;
}
.desiwed-rebrand.single-product #wrapper > .container > .row > div,
.desiwed-rebrand.woocommerce-shop #wrapper > .container > .row > div,
.desiwed-rebrand.woocommerce-page #wrapper > .container > .row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}

/* ==========================================================================
   2. KILL BLACK CHOSEN.JS DROPDOWNS — much more aggressive
   ========================================================================== */

/* All Listeo Chosen.js wrappers — force light theme */
.desiwed-rebrand .chosen-container,
.desiwed-rebrand .chosen-container-single,
.desiwed-rebrand .chosen-container-active,
.desiwed-rebrand .chosen-container-active.chosen-with-drop,
.desiwed-rebrand .chosen-container-multi {
    width: 100% !important;
    height: auto !important;
}

.desiwed-rebrand .chosen-container .chosen-single,
.desiwed-rebrand .chosen-container-single .chosen-single,
.desiwed-rebrand .chosen-container-active .chosen-single,
.desiwed-rebrand .chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #1a1814 !important;
    border: 1px solid #dcd6cb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 50px !important;
    line-height: 1.5 !important;
    padding: 14px 40px 14px 18px !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.desiwed-rebrand .chosen-container .chosen-single span,
.desiwed-rebrand .chosen-container-single .chosen-single span {
    color: #1a1814 !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-right: 0 !important;
    line-height: 1.5 !important;
}

.desiwed-rebrand .chosen-container-single .chosen-single div {
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: auto !important;
}

.desiwed-rebrand .chosen-container-single .chosen-single div b {
    background-image: none !important;
    border: 0 !important;
    width: 12px !important;
    height: 12px !important;
}
.desiwed-rebrand .chosen-container-single .chosen-single div b::before {
    content: '▾';
    color: #5b5550;
    font-size: 12px;
    line-height: 1;
}

.desiwed-rebrand .chosen-container-single .chosen-drop {
    background: #fff !important;
    border: 1px solid #dcd6cb !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 32px rgba(26,24,20,0.08) !important;
    margin-top: 0 !important;
}

.desiwed-rebrand .chosen-container-single .chosen-results li {
    color: #1a1814 !important;
    background: #fff !important;
    padding: 12px 18px !important;
    font-size: 13px !important;
    font-family: 'Inter', sans-serif !important;
}
.desiwed-rebrand .chosen-container-single .chosen-results li.highlighted,
.desiwed-rebrand .chosen-container-single .chosen-results li.result-selected {
    background: #ede5d8 !important;
    color: #1a1814 !important;
}
.desiwed-rebrand .chosen-container-single .chosen-search input[type="text"] {
    border: 1px solid #dcd6cb !important;
    background: #fff !important;
    padding: 8px 12px !important;
    font-family: 'Inter', sans-serif !important;
}

/* The wrapper around the search bar on category archives */
.desiwed-rebrand .listing-search-form,
.desiwed-rebrand .archive-search,
.desiwed-rebrand .category-search,
.desiwed-rebrand .listings-container .panel-dropdown {
    background: #fff !important;
    border: 1px solid #dcd6cb !important;
    border-radius: 0 !important;
    padding: 8px !important;
    box-shadow: 0 8px 32px rgba(26,24,20,0.06) !important;
}
.desiwed-rebrand .listing-search-form select,
.desiwed-rebrand .archive-search select,
.desiwed-rebrand .listing-search-form input,
.desiwed-rebrand .archive-search input {
    background: #fff !important;
    color: #1a1814 !important;
    border: 0 !important;
    border-right: 1px solid #dcd6cb !important;
    padding: 14px 18px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
}

/* The search button itself stays dark, that's fine */
.desiwed-rebrand .listing-search-form button[type="submit"],
.desiwed-rebrand .archive-search button[type="submit"] {
    background: #1a1814 !important;
    color: #fff !important;
    border: 0 !important;
    padding: 14px 32px !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    font-weight: 500 !important;
}

/* ==========================================================================
   3. VENDOR CARDS ON LISTEO ARCHIVE — hide overlay category pill,
      move title to clean position below image
   ========================================================================== */

/* Listeo's listing-item with overlay layout */
.desiwed-rebrand .listing-item,
.desiwed-rebrand .listing-item-container {
    background: #fff !important;
    border: 1px solid #dcd6cb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
    position: relative;
}
.desiwed-rebrand .listing-item:hover,
.desiwed-rebrand .listing-item-container:hover {
    border-color: #1a1814 !important;
    box-shadow: 0 8px 32px rgba(26,24,20,0.06) !important;
}

/* Hide overlay category pill that sits on top of the title */
.desiwed-rebrand .listing-item .listing-img-content,
.desiwed-rebrand .listing-item .compact-list-meta-content,
.desiwed-rebrand .listing-item-content > h3,
.desiwed-rebrand .listing-img-container .listing-item-overlay {
    /* These overlay elements should NOT contain the title — push them aside */
}

/* Force title visibility — give it a clean dark slab on hover or background */
.desiwed-rebrand .listing-item h3,
.desiwed-rebrand .listing-item h4,
.desiwed-rebrand .listing-item .listing-title h3 {
    font-family: 'Cardo', Georgia, serif !important;
    font-size: 20px !important;
    color: #fff !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
    padding: 0 !important;
    margin: 0 0 4px !important;
    line-height: 1.2 !important;
}

/* Listeo's listing-img-container — add a darker gradient bottom to make title legible */
.desiwed-rebrand .listing-item .listing-img-container,
.desiwed-rebrand .listing-item-container .listing-img-container {
    position: relative;
    overflow: hidden;
}
.desiwed-rebrand .listing-item .listing-img-container::after,
.desiwed-rebrand .listing-item-container .listing-img-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    pointer-events: none;
    z-index: 1;
}

/* Category pill — move it off the title area */
.desiwed-rebrand .listing-item .tag,
.desiwed-rebrand .listing-item .listing-tags,
.desiwed-rebrand .listing-item .listing-content-overlay .tag {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #6b2c2c !important;
    border-radius: 0 !important;
    padding: 4px 10px !important;
    font-size: 9px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.16em !important;
    font-weight: 500 !important;
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 3 !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
}

/* Price badge — keep it visible but restyle */
.desiwed-rebrand .listing-item .listing-prices,
.desiwed-rebrand .listing-item-content .listing-prices,
.desiwed-rebrand .listing-img-content .listing-prices {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #1a1814 !important;
    border-radius: 0 !important;
    padding: 4px 10px !important;
    font-family: 'Cardo', serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 3 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Star ratings on archive cards — move to white area below image */
.desiwed-rebrand .listing-item .star-rating,
.desiwed-rebrand .listing-item .rating {
    color: #b8956a !important;
    font-size: 11px !important;
    letter-spacing: 0.05em !important;
}

/* ==========================================================================
   4. EXTRA — header logo size + "DESI WED" cleanup
   ========================================================================== */

/* If the parent Listeo logo is too small, force it bigger */
.desiwed-rebrand .logo a img,
.desiwed-rebrand .dw-header__logo img {
    max-height: 56px !important;
    width: auto !important;
}

/* Sticky header on scroll */
.desiwed-rebrand .dw-header,
.desiwed-rebrand #header-container {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
}

/* ==========================================================================
   5. PAGE TITLEBAR — match the homepage hero blush better
   ========================================================================== */
.desiwed-rebrand #titlebar.listing-titlebar,
.desiwed-rebrand #titlebar:not(.dw-archive__title) {
    background: #f1e5e3 !important;
    padding: 60px 0 50px !important;
    border-bottom: 1px solid #dcd6cb !important;
}
.desiwed-rebrand #titlebar h1,
.desiwed-rebrand #titlebar h2 {
    font-family: 'Cardo', Georgia, serif !important;
    font-size: 56px !important;
    color: #1a1814 !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.05 !important;
    margin: 0 0 12px !important;
}

/* ==========================================================================
   6. FORCE OUR FOOTER — hide any duplicate footer rendering
   ========================================================================== */
.desiwed-rebrand body > #footer:not(.dw-footer),
.desiwed-rebrand body > footer:not(.dw-footer):not(.elementor-location-footer),
.desiwed-rebrand .footer-wrap:not(.dw-footer) {
    display: none !important;
}

/* ==========================================================================
   END HOTFIX
   ========================================================================== */