/* ==========================================================================
   DESIWED KILL-IT FIX — last-resort sidebar/grid hardening
   ==========================================================================
   1. Force vendor profile to use FLEXBOX (more robust than grid)
   2. Force shop archive title to be hidden + replaced with hero
   3. Kill any leftover Listeo wrappers that black-bar across the layout
   ========================================================================== */

/* ==========================================================================
   1. SINGLE VENDOR — flexbox layout with sticky aside
   ========================================================================== */

.desiwed-rebrand .dw-vendor__row {
	max-width: 1400px;
	margin: 0 auto;
	padding: 40px 60px 80px;
}

.desiwed-rebrand .dw-vendor__body {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 48px !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
	align-items: flex-start !important;
	width: 100% !important;
}

.desiwed-rebrand .dw-vendor__main {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	max-width: calc(100% - 400px) !important;
	width: auto !important;
}

.desiwed-rebrand .dw-vendor__aside {
	flex: 0 0 360px !important;
	width: 360px !important;
	max-width: 360px !important;
	min-width: 360px !important;
	position: sticky !important;
	top: 100px !important;
	align-self: flex-start !important;
	display: block !important;
	margin: 0 !important;
}

.desiwed-rebrand .dw-vendor__aside-card {
	background: #fff !important;
	border: 1px solid #dcd6cb !important;
	padding: 24px !important;
	margin: 0 0 16px !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.desiwed-rebrand .dw-vendor__price {
	font-family: 'Cardo', Georgia, serif !important;
	font-size: 28px !important;
	color: #1a1814 !important;
	font-weight: 400 !important;
	margin-bottom: 4px !important;
}
.desiwed-rebrand .dw-vendor__price-note {
	font-size: 12px !important;
	color: #94897e !important;
	margin-bottom: 20px !important;
}

.desiwed-rebrand .dw-vendor__enquiry-form {
	margin: 0 !important;
}
.desiwed-rebrand .dw-vendor__field {
	margin-bottom: 14px !important;
}
.desiwed-rebrand .dw-vendor__field label {
	display: block !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.12em !important;
	color: #5b5550 !important;
	margin-bottom: 4px !important;
	font-weight: 500 !important;
}
.desiwed-rebrand .dw-vendor__field input,
.desiwed-rebrand .dw-vendor__field textarea {
	width: 100% !important;
	padding: 10px 12px !important;
	border: 1px solid #dcd6cb !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	background: #fff !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.desiwed-rebrand .dw-vendor__btn-enquire {
	display: block !important;
	width: 100% !important;
	padding: 14px !important;
	background: #6b2c2c !important;
	color: #fff !important;
	text-align: center !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.14em !important;
	font-weight: 500 !important;
	border: 0 !important;
	cursor: pointer;
	margin-top: 16px !important;
	font-family: 'Inter', sans-serif !important;
	border-radius: 0 !important;
}
.desiwed-rebrand .dw-vendor__btn-enquire:hover {
	background: #8b3d3d !important;
}

.desiwed-rebrand .dw-vendor__btn-secondary {
	display: block !important;
	width: 100% !important;
	padding: 12px !important;
	background: transparent !important;
	color: #1a1814 !important;
	border: 1px solid #1a1814 !important;
	text-align: center !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.14em !important;
	margin-top: 8px !important;
	text-decoration: none !important;
	border-radius: 0 !important;
}

.desiwed-rebrand .dw-vendor__assurance {
	text-align: center !important;
	font-size: 11px !important;
	color: #94897e !important;
	margin-top: 14px !important;
}

.desiwed-rebrand .dw-vendor__store-link {
	display: flex !important;
	gap: 16px !important;
	align-items: center !important;
	background: #fff !important;
	border: 1px solid #dcd6cb !important;
	padding: 16px !important;
	text-decoration: none !important;
	color: #1a1814 !important;
}
.desiwed-rebrand .dw-vendor__store-av {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #b8956a, #6b2c2c);
	color: #fff;
	display: grid;
	place-items: center;
	font-family: 'Cardo', serif;
	font-size: 22px;
	flex-shrink: 0;
}

/* Mobile: stack vertically */
@media (max-width: 1100px) {
	.desiwed-rebrand .dw-vendor__row {
		padding: 32px 24px;
	}
	.desiwed-rebrand .dw-vendor__body {
		flex-direction: column !important;
	}
	.desiwed-rebrand .dw-vendor__main,
	.desiwed-rebrand .dw-vendor__aside {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		min-width: 0 !important;
		position: static !important;
	}
}

/* ==========================================================================
   2. SHOP ARCHIVE — force the Listeo titlebar to render the new copy
   ==========================================================================
   Since /shop/ is a WordPress page (not a CPT archive), my archive-product.php
   doesn't run. We change the page TITLE via filter and restyle the titlebar.
   ========================================================================== */

/* When on shop page, kill the default boring titlebar's plain "Shop" text */
body.woocommerce-shop #titlebar h1,
body.woocommerce-shop #titlebar h2,
body.post-type-archive-product #titlebar h1,
body.post-type-archive-product #titlebar h2 {
	font-family: 'Cardo', Georgia, serif !important;
	font-size: 64px !important;
	font-weight: 400 !important;
	color: #1a1814 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.05 !important;
	max-width: 800px;
	margin: 0 0 16px !important;
}
.desiwed-rebrand body.woocommerce-shop #titlebar h1 em,
.desiwed-rebrand body.post-type-archive-product #titlebar h1 em {
	font-style: italic;
}

/* Restyle the entire titlebar wrapper to match our shop hero */
.desiwed-rebrand body.woocommerce-shop #titlebar,
.desiwed-rebrand body.post-type-archive-product #titlebar,
.desiwed-rebrand body.tax-product_cat #titlebar {
	background: #ede5d8 !important;
	padding: 80px 60px 60px !important;
	border-bottom: 1px solid #dcd6cb !important;
	display: block !important;
}
.desiwed-rebrand body.woocommerce-shop #titlebar .container,
.desiwed-rebrand body.woocommerce-shop #titlebar > div,
.desiwed-rebrand body.post-type-archive-product #titlebar .container,
.desiwed-rebrand body.post-type-archive-product #titlebar > div {
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

/* Force breadcrumbs into uppercase tracking */
.desiwed-rebrand body.woocommerce-shop #titlebar #breadcrumbs,
.desiwed-rebrand body.post-type-archive-product #titlebar #breadcrumbs {
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.14em !important;
	color: #94897e !important;
}

/* Force WC ul.products to 4-col grid no matter what */
.desiwed-rebrand .woocommerce ul.products.columns-3,
.desiwed-rebrand .woocommerce ul.products.columns-4,
.desiwed-rebrand .woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 4px 28px !important;
	margin: 0 !important;
	padding: 32px 60px 60px !important;
	list-style: none !important;
	max-width: 1400px;
	margin-left: auto !important;
	margin-right: auto !important;
}
@media (max-width: 1100px) {
	.desiwed-rebrand .woocommerce ul.products,
	.desiwed-rebrand .woocommerce-page ul.products {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}
@media (max-width: 700px) {
	.desiwed-rebrand .woocommerce ul.products,
	.desiwed-rebrand .woocommerce-page ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}

/* ==========================================================================
   3. KILL THE "BLACK BAR" — leftover wrapper overlapping the layout
   ========================================================================== */

/* The black bar in the Desi Outfits screenshot looks like the parent wrapper's
   background showing through. Force WC content area to have no rogue elements. */
.desiwed-rebrand body.woocommerce-shop #wrapper,
.desiwed-rebrand body.archive.woocommerce #wrapper,
.desiwed-rebrand body.tax-product_cat #wrapper,
.desiwed-rebrand body.single-product #wrapper {
	background: #f7f4f0 !important;
}

.desiwed-rebrand body.woocommerce-shop #wrapper > section:not(.dw-shop__hero),
.desiwed-rebrand body.archive.woocommerce #wrapper > section,
.desiwed-rebrand body.tax-product_cat #wrapper > section {
	background: #f7f4f0 !important;
}

/* Hide any rogue "fullwidth" black bar elements WC/Listeo inject */
.desiwed-rebrand .woocommerce-shop .full-width-bar,
.desiwed-rebrand .woocommerce-shop .container-fullwidth,
.desiwed-rebrand .woocommerce-shop .black-bar,
.desiwed-rebrand .archive.woocommerce .full-width-bar,
.desiwed-rebrand .archive.woocommerce-page .black-bar {
	display: none !important;
}

/* WC notices that might appear as bars at the top */
.desiwed-rebrand .woocommerce-notices-wrapper:empty {
	display: none !important;
}

/* ==========================================================================
   4. SHOP PAGE — ensure no horizontal overflow / no overlap
   ========================================================================== */

.desiwed-rebrand body.woocommerce-shop main,
.desiwed-rebrand body.woocommerce-shop article,
.desiwed-rebrand body.archive.woocommerce main,
.desiwed-rebrand body.archive.woocommerce article {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
}

/* Force WC products to never have a clear: both that breaks the grid */
.desiwed-rebrand .woocommerce ul.products li.product:nth-child(n) {
	clear: none !important;
}

/* End */