/* ==========================================================================
   DESIWED POLISH — final 6 fixes
   ==========================================================================
   1. Hero smaller (was eating too much space)
   2. Vendor card thumbs now use first gallery image fallback (PHP done)
   3. Reviews check Google Reviews data (PHP done)
   4. Single listing tabs work + conditional rendering
   5. Shop products forced 3-column (more aggressive)
   6. Single product: hide vendor titlebar
   ========================================================================== */

/* ==========================================================================
   1. HERO — make it shorter
   ========================================================================== */
.desiwed-rebrand .dw-hero {
	min-height: 480px !important;
	height: 480px !important;
	padding: 60px !important;
}
.desiwed-rebrand .dw-hero__content {
	padding-bottom: 30px !important;
	max-width: 580px !important;
}
.desiwed-rebrand .dw-hero__title {
	font-size: 56px !important;
	line-height: 1.05 !important;
	margin: 14px 0 16px !important;
}
.desiwed-rebrand .dw-hero__lede {
	font-size: 15px !important;
	line-height: 1.6 !important;
	max-width: 460px !important;
	margin: 0 0 22px !important;
}
.desiwed-rebrand .dw-hero .dw-eyebrow {
	font-size: 10px !important;
	letter-spacing: 0.2em !important;
}

@media (max-width: 1100px) {
	.desiwed-rebrand .dw-hero {
		min-height: 420px !important;
		height: auto !important;
		padding: 50px 40px !important;
	}
	.desiwed-rebrand .dw-hero__title {
		font-size: 40px !important;
	}
}

@media (max-width: 700px) {
	.desiwed-rebrand .dw-hero {
		min-height: 380px !important;
		padding: 40px 24px !important;
	}
	.desiwed-rebrand .dw-hero__title {
		font-size: 32px !important;
	}
}

/* ==========================================================================
   3. SHOP PRODUCTS — FORCE 3-column with maximum specificity
   ==========================================================================
   Shop is still rendering 2-col. Need to win the cascade against Listeo.
   ========================================================================== */
body.desiwed-rebrand .woocommerce ul.products,
body.desiwed-rebrand.woocommerce-shop ul.products,
body.desiwed-rebrand.woocommerce-page ul.products,
body.desiwed-rebrand.archive ul.products,
body.desiwed-rebrand.tax-product_cat ul.products,
body.desiwed-rebrand .woocommerce ul.products.columns-1,
body.desiwed-rebrand .woocommerce ul.products.columns-2,
body.desiwed-rebrand .woocommerce ul.products.columns-3,
body.desiwed-rebrand .woocommerce ul.products.columns-4,
body.desiwed-rebrand .woocommerce ul.products.columns-5,
body.desiwed-rebrand .woocommerce ul.products.columns-6,
body.desiwed-rebrand ul[class*="products"] {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 16px 28px !important;
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding: 32px 60px 60px !important;
	list-style: none !important;
	float: none !important;
}

body.desiwed-rebrand .woocommerce ul.products li.product,
body.desiwed-rebrand .woocommerce-page ul.products li.product {
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 0 24px !important;
	float: none !important;
	clear: none !important;
	flex: 0 0 auto !important;
	display: block !important;
	box-sizing: border-box !important;
}

body.desiwed-rebrand .woocommerce ul.products li.product:nth-child(2n+1),
body.desiwed-rebrand .woocommerce ul.products li.product:nth-child(3n+1),
body.desiwed-rebrand .woocommerce ul.products li.product:nth-child(4n+1) {
	clear: none !important;
}

body.desiwed-rebrand .woocommerce ul.products li.product img {
	aspect-ratio: 3/4 !important;
	object-fit: cover !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 480px !important;
	margin: 0 0 12px !important;
}

@media (max-width: 1100px) {
	body.desiwed-rebrand .woocommerce ul.products,
	body.desiwed-rebrand .woocommerce-page ul.products {
		grid-template-columns: 1fr 1fr !important;
		padding: 24px 40px 40px !important;
	}
}
@media (max-width: 600px) {
	body.desiwed-rebrand .woocommerce ul.products,
	body.desiwed-rebrand .woocommerce-page ul.products {
		grid-template-columns: 1fr !important;
		padding: 24px 20px 40px !important;
	}
}

/* ==========================================================================
   4. SINGLE LISTING — tabs + portfolio grid + smooth scroll
   ========================================================================== */

/* Smooth scroll for tab anchors */
html { scroll-behavior: smooth; }
.desiwed-rebrand .dw-vendor__section {
	scroll-margin-top: 100px;
}

/* Tabs — clearly clickable */
.desiwed-rebrand .dw-vendor__tabs a {
	cursor: pointer !important;
	transition: color 0.15s ease, border-color 0.15s ease;
}
.desiwed-rebrand .dw-vendor__tabs a:hover {
	color: #1a1814 !important;
}

/* Portfolio grid (full gallery on profile) */
.desiwed-rebrand .dw-vendor__portfolio-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 8px !important;
}
.desiwed-rebrand .dw-vendor__portfolio-img {
	aspect-ratio: 4/3 !important;
	background-size: cover !important;
	background-position: center !important;
	display: block !important;
	cursor: pointer !important;
	transition: opacity 0.2s ease !important;
}
.desiwed-rebrand .dw-vendor__portfolio-img:hover {
	opacity: 0.92 !important;
}
@media (max-width: 700px) {
	.desiwed-rebrand .dw-vendor__portfolio-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* ==========================================================================
   6. SINGLE PRODUCT — hide the Pramila/Dokan vendor titlebar at top
   ========================================================================== */
.desiwed-rebrand body.single-product .dokan-store-header,
.desiwed-rebrand body.single-product .dokan-single-store .profile-frame,
.desiwed-rebrand body.single-product .seller-info-banner,
.desiwed-rebrand body.single-product .single-store-header,
.desiwed-rebrand body.single-product .product-vendor-info,
.desiwed-rebrand body.single-product .vendor-store-banner,
.desiwed-rebrand body.single-product .dokan-vendor-banner,
.desiwed-rebrand body.single-product .dokan-store-info,
.desiwed-rebrand body.single-product .listeo-vendor-banner,
.desiwed-rebrand body.single-product .product-store-card,
.desiwed-rebrand body.single-product .product-vendor-titlebar,
.desiwed-rebrand body.single-product .titlebar-vendor-info,
.desiwed-rebrand body.single-product #dokan-vendor-info,
.desiwed-rebrand body.single-product #titlebar.product-titlebar-vendor,
.desiwed-rebrand body.single-product #titlebar:has(.dokan-store-name),
.desiwed-rebrand body.single-product .single-product-vendor,
.desiwed-rebrand body.single-product .vendor-info-on-product {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Also hide if Listeo wraps Dokan in a generic "before-product" container */
.desiwed-rebrand body.single-product #titlebar.titlebar-vendor,
.desiwed-rebrand body.single-product .container > .row > .col-md-12 > .dokan-store-header,
.desiwed-rebrand body.single-product main > section:first-child:has(.dokan-store-header) {
	display: none !important;
}

/* Hide any "VENDOR'S LISTINGS" / store profile banner with the avatar block on PDP */
.desiwed-rebrand body.single-product div[class*="store"]:has(a[href*="vendor-listings"]),
.desiwed-rebrand body.single-product div[class*="store"]:has(a[href*="vendors-listings"]) {
	display: none !important;
}

/* ==========================================================================
   7. VENDOR PROFILE — clean tabs scroll, hide tabs that don't have content
   already handled in PHP. Plus: don't show "Reviews" heading if no reviews.
   ========================================================================== */
.desiwed-rebrand .dw-vendor__no-reviews-msg {
	color: #94897e !important;
	font-size: 14px !important;
	font-style: italic !important;
}

/* ==========================================================================
   8. ARCHIVE PAGES — kill the big What/Where/Search bar
   The hero already does the job; the archive doesn't need a second search.
   Belt-and-braces in case Listeo Core injects one.
   ========================================================================== */
.desiwed-rebrand .dw-archive .dw-search--archive,
.desiwed-rebrand .dw-archive form.dw-search,
.desiwed-rebrand body.post-type-archive-listing #titlebar,
.desiwed-rebrand body.tax-listing_category #titlebar,
.desiwed-rebrand body.post-type-archive-listing .listeo-main-search-container,
.desiwed-rebrand body.tax-listing_category .listeo-main-search-container,
.desiwed-rebrand body.post-type-archive-listing .listeo-main-search-input-wrap,
.desiwed-rebrand body.tax-listing_category .listeo-main-search-input-wrap,
.desiwed-rebrand body.post-type-archive-listing .main-search-container,
.desiwed-rebrand body.tax-listing_category .main-search-container,
.desiwed-rebrand body.post-type-archive-listing .main-search-input,
.desiwed-rebrand body.tax-listing_category .main-search-input,
.desiwed-rebrand body.post-type-archive-listing #search-container,
.desiwed-rebrand body.tax-listing_category #search-container,
.desiwed-rebrand body.post-type-archive-listing .listeo_core-search,
.desiwed-rebrand body.tax-listing_category .listeo_core-search {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* End */