/* ==========================================================================
   DESIWED MEGAFIX — kill the horizontal submenu strip + overlapping sidebar
   ==========================================================================
   1. Wedding Vendors submenu rendering as a horizontal strip (Listeo mega-menu)
      → force vertical dropdown, hide by default, show on hover only
   2. WooCommerce/product categories sidebar overlapping shop + product pages
      → nuke from orbit
   ========================================================================== */

/* ==========================================================================
   1. SUBMENU — force proper vertical dropdown, hidden by default
   ========================================================================== */

/* Reset all dw-header nav UL/LI/A defaults */
.desiwed-rebrand .dw-header__nav ul,
.desiwed-rebrand .dw-header__nav .dw-nav,
.desiwed-rebrand .dw-header__nav .menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Top-level row */
.desiwed-rebrand .dw-header__nav > ul,
.desiwed-rebrand .dw-header__nav > .dw-nav,
.desiwed-rebrand .dw-header__nav > .menu {
    display: flex !important;
    gap: 28px !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.desiwed-rebrand .dw-header__nav > ul > li,
.desiwed-rebrand .dw-header__nav > .dw-nav > li,
.desiwed-rebrand .dw-header__nav > .menu > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    display: block !important;
}

/* The sub-menu — HIDDEN BY DEFAULT, vertical, absolutely positioned */
.desiwed-rebrand .dw-header__nav .sub-menu,
.desiwed-rebrand .dw-header__nav ul ul,
.desiwed-rebrand .dw-header__nav .menu ul,
.desiwed-rebrand .dw-header__nav li ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 240px !important;
    min-width: 240px !important;
    max-width: 280px !important;
    background: #ffffff !important;
    border: 1px solid #dcd6cb !important;
    box-shadow: 0 12px 40px rgba(26, 24, 20, 0.08) !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    z-index: 1000 !important;
    flex-direction: column !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
}

/* Show submenu on hover */
.desiwed-rebrand .dw-header__nav li:hover > .sub-menu,
.desiwed-rebrand .dw-header__nav li:hover > ul,
.desiwed-rebrand .dw-header__nav li.menu-item-has-children:hover > .sub-menu,
.desiwed-rebrand .dw-header__nav li.menu-item-has-children:hover > ul {
    display: block !important;
}

/* Sub-menu items — vertical block layout */
.desiwed-rebrand .dw-header__nav .sub-menu li,
.desiwed-rebrand .dw-header__nav ul ul li {
    display: block !important;
    width: 100% !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.desiwed-rebrand .dw-header__nav .sub-menu a,
.desiwed-rebrand .dw-header__nav ul ul a {
    display: block !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-family: 'Inter', sans-serif !important;
    color: #1a1814 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    text-transform: none !important;
    letter-spacing: 0.02em !important;
    border-bottom: 0 !important;
    background: transparent !important;
    width: 100% !important;
}

.desiwed-rebrand .dw-header__nav .sub-menu a:hover,
.desiwed-rebrand .dw-header__nav ul ul a:hover {
    background: #f7f4f0 !important;
    color: #6b2c2c !important;
}

/* 2nd-level submenus (sub-sub-menus) — position to the right of parent */
.desiwed-rebrand .dw-header__nav .sub-menu .sub-menu,
.desiwed-rebrand .dw-header__nav ul ul ul {
    top: 0 !important;
    left: 100% !important;
    margin-left: 1px !important;
}

/* Force .sub-menu to NOT inherit any flex/grid behavior from Listeo */
.desiwed-rebrand .dw-header__nav .sub-menu,
.desiwed-rebrand .dw-header__nav .sub-menu * {
    flex: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

/* Override any Listeo mega-menu specific classes */
.desiwed-rebrand .dw-header__nav .mega-menu,
.desiwed-rebrand .dw-header__nav .mega-sub-menu,
.desiwed-rebrand .dw-header__nav .mega-menu-item .sub-menu,
.desiwed-rebrand .dw-header__nav li.mega-menu .sub-menu {
    display: none !important;
    position: absolute !important;
    width: 240px !important;
    flex-direction: column !important;
}
.desiwed-rebrand .dw-header__nav .mega-menu:hover .sub-menu,
.desiwed-rebrand .dw-header__nav li.mega-menu:hover .sub-menu {
    display: block !important;
}

/* If Listeo uses a class like .menu-item-mega or similar to flag mega-menus */
.desiwed-rebrand .dw-header__nav .menu-item-mega,
.desiwed-rebrand .dw-header__nav [class*="mega"] .sub-menu {
    /* Ensure they behave like regular dropdowns */
}

/* Prevent the menu from stretching the .dw-header__nav row */
.desiwed-rebrand .dw-header__nav {
    overflow: visible !important;
    height: auto !important;
}

/* ==========================================================================
   2. WOOCOMMERCE / LISTEO SIDEBAR — kill it on shop, single product, AND
      taxonomy-product_cat archives. The "Desi Outfits / Dresses..." sidebar
      visible on screenshots 2 & 3.
   ========================================================================== */

/* The product categories nested list with the chevrons (>, °) */
.desiwed-rebrand .product-categories,
.desiwed-rebrand .widget_product_categories,
.desiwed-rebrand .widget.widget_product_categories,
.desiwed-rebrand body.woocommerce .widget_product_categories,
.desiwed-rebrand .woocommerce-shop .widget_product_categories,
.desiwed-rebrand .single-product .widget_product_categories,
.desiwed-rebrand body.tax-product_cat .widget_product_categories,
.desiwed-rebrand .woocommerce-products-sidebar,
.desiwed-rebrand .woocommerce-sidebar,
.desiwed-rebrand .shop-sidebar,
.desiwed-rebrand #shop-sidebar,
.desiwed-rebrand #woocommerce-sidebar,
.desiwed-rebrand .product-categories-list,
.desiwed-rebrand body.woocommerce aside.sidebar,
.desiwed-rebrand body.woocommerce-shop aside.sidebar,
.desiwed-rebrand body.woocommerce-page aside.sidebar,
.desiwed-rebrand body.tax-product_cat aside.sidebar,
.desiwed-rebrand body.archive.woocommerce aside.sidebar,
.desiwed-rebrand body.archive.woocommerce-page aside.sidebar,
.desiwed-rebrand body.single-product aside.sidebar {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Listeo product page sidebar specifically */
.desiwed-rebrand body.woocommerce-shop > #wrapper > .container > .row > .col-md-3,
.desiwed-rebrand body.woocommerce-shop > #wrapper > .container > .row > .col-md-4,
.desiwed-rebrand body.tax-product_cat > #wrapper > .container > .row > .col-md-3,
.desiwed-rebrand body.tax-product_cat > #wrapper > .container > .row > .col-md-4,
.desiwed-rebrand body.single-product > #wrapper > .container > .row > .col-md-3,
.desiwed-rebrand body.single-product > #wrapper > .container > .row > .col-md-4,
.desiwed-rebrand body.archive.woocommerce > #wrapper > .container > .row > .col-md-3,
.desiwed-rebrand body.archive.woocommerce > #wrapper > .container > .row > .col-md-4 {
    display: none !important;
}

/* The product-cat-sidebar with its chevron arrows like ›, ° */
.desiwed-rebrand .product-cat-sidebar,
.desiwed-rebrand body.woocommerce-shop .sidebar-with-categories,
.desiwed-rebrand body.tax-product_cat .sidebar-with-categories,
.desiwed-rebrand body.single-product .sidebar-with-categories,
.desiwed-rebrand .listeo-shop-sidebar,
.desiwed-rebrand .shop-categories-widget,
.desiwed-rebrand body.archive.woocommerce-page > #wrapper > .container > .row > .sidebar,
.desiwed-rebrand body.single-product > #wrapper > .container > .row > .sidebar {
    display: none !important;
}

/* Force product main column to full width */
.desiwed-rebrand body.woocommerce-shop > #wrapper > .container > .row > .col-md-9,
.desiwed-rebrand body.woocommerce-shop > #wrapper > .container > .row > .col-md-8,
.desiwed-rebrand body.tax-product_cat > #wrapper > .container > .row > .col-md-9,
.desiwed-rebrand body.tax-product_cat > #wrapper > .container > .row > .col-md-8,
.desiwed-rebrand body.single-product > #wrapper > .container > .row > .col-md-9,
.desiwed-rebrand body.single-product > #wrapper > .container > .row > .col-md-8,
.desiwed-rebrand body.archive.woocommerce > #wrapper > .container > .row > .col-md-9,
.desiwed-rebrand body.archive.woocommerce > #wrapper > .container > .row > .col-md-8,
.desiwed-rebrand .col-md-9.products-archive-content,
.desiwed-rebrand .col-md-9.shop-content,
.desiwed-rebrand .col-md-9.products-content {
    width: 100% !important;
    max-width: 1400px !important;
    flex: 0 0 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Generic catch-all: any aside next to a .products grid → hide */
.desiwed-rebrand .products + aside,
.desiwed-rebrand aside + .products,
.desiwed-rebrand .container > .row > aside.col-md-3,
.desiwed-rebrand .container > .row > aside.col-md-4 {
    display: none !important;
}

/* If the sidebar is wrapped in a Bootstrap col, make its sibling full width */
.desiwed-rebrand .row > div[class*="col-md-3"] + div[class*="col-md-9"],
.desiwed-rebrand .row > div[class*="col-md-4"] + div[class*="col-md-8"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* ==========================================================================
   3. EXTRA — clean up the Wedding Vendors top-level link's caret
   ========================================================================== */

/* Don't show parent-with-children indicator twice */
.desiwed-rebrand .dw-header__nav .menu-item-has-children > a::after {
    content: ' ▾' !important;
    font-size: 9px !important;
    opacity: 0.6 !important;
    margin-left: 4px !important;
    display: inline !important;
}

/* End */