/* ==========================================================================
   DESIWED v3.3 — Google Reviews block restyled to match DesiWed theme
   Listeo's native single-listing-google-reviews.php template gets reskinned
   to use cream + maroon palette, Cardo serif heading, Inter body.
   ========================================================================== */

/* Wrapper — section break with cream backdrop matching the rest of the page */
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap {
	max-width: 1280px !important;
	margin: 48px auto 64px !important;
	padding: 40px 48px !important;
	background: #f8f6f1 !important;
	border: 1px solid #e0dbcc !important;
	border-radius: 8px !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
	color: #1a1814 !important;
}

@media (max-width: 768px) {
	html body.desiwed-rebrand .dw-vendor__google-reviews-wrap {
		margin: 24px 16px 40px !important;
		padding: 24px 20px !important;
		border-radius: 6px !important;
	}
}

/* Heading — Listeo wraps in a div; we don't know its exact class, so target broadly */
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap h1,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap h2,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap h3,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap h4,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .listing-section h3 {
	font-family: 'Cardo', Georgia, serif !important;
	font-weight: 700 !important;
	font-size: 28px !important;
	color: #1a1814 !important;
	margin: 0 0 8px !important;
	letter-spacing: -0.01em !important;
}

@media (max-width: 768px) {
	html body.desiwed-rebrand .dw-vendor__google-reviews-wrap h1,
	html body.desiwed-rebrand .dw-vendor__google-reviews-wrap h2,
	html body.desiwed-rebrand .dw-vendor__google-reviews-wrap h3,
	html body.desiwed-rebrand .dw-vendor__google-reviews-wrap h4 {
		font-size: 22px !important;
	}
}

/* Google "G" logo + rating header — clean it up */
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .gogole-image,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .google-image,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .google-logo {
	width: 40px !important;
	height: 40px !important;
	margin-right: 14px !important;
}

html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .total-rating,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .rating-counter {
	font-family: 'Cardo', Georgia, serif !important;
	font-size: 36px !important;
	font-weight: 700 !important;
	color: #1a1814 !important;
	line-height: 1.1 !important;
}

html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .star-rating,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .stars,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .star {
	color: #c5915a !important;  /* warm gold matching the brand */
	font-size: 18px !important;
}

html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .rating-counter,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .reviews-count {
	font-size: 14px !important;
	color: #5b5550 !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 400 !important;
}

/* Hide "Add Review" button — we display read-only Google reviews,
   visitors can leave reviews on Google directly, not here */
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .add-review-box,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .add-review,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .leave-rating-title,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap a.add-review-btn,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap button.add-review-btn,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .listeo-add-review {
	display: none !important;
}

/* Individual review cards */
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .comment,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .review-comment-content,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .single-review,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .review-item {
	padding: 24px 0 !important;
	border-bottom: 1px solid #e0dbcc !important;
	margin: 0 !important;
	background: transparent !important;
}

html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .comment:last-child,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .review-item:last-child {
	border-bottom: none !important;
}

html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .avatar,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .review-avatar img,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .reviewer-avatar {
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	border: 1px solid #e0dbcc !important;
	margin-right: 14px !important;
}

html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .comment-by,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .reviewer-name,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .review-author {
	font-family: 'Inter', sans-serif !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	color: #1a1814 !important;
	margin: 0 !important;
}

html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .review-meta,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .comment-date,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .review-time {
	font-size: 12px !important;
	color: #8a8580 !important;
	margin: 4px 0 0 !important;
}

html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .comment-content,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .review-text,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .review-content,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap p {
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #2c2823 !important;
	margin-top: 10px !important;
}

/* "Read More Reviews" / "Show More" button — match DesiWed CTA style */
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap a.read-more,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap a.show-more,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .show-more-reviews,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap button.show-more,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .read-more-reviews,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .listeo-button {
	display: inline-block !important;
	background: #6b2c2c !important;
	color: #ffffff !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	padding: 12px 24px !important;
	border-radius: 4px !important;
	border: none !important;
	text-decoration: none !important;
	margin: 24px auto 0 !important;
	cursor: pointer !important;
	transition: background 0.2s ease !important;
}

html body.desiwed-rebrand .dw-vendor__google-reviews-wrap a.read-more:hover,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .show-more-reviews:hover,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .listeo-button:hover {
	background: #4a1d1d !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

/* Container holding the "Read More" button — center it */
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .show-more-wrap,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .read-more-wrap {
	text-align: center !important;
	margin-top: 24px !important;
}

/* Hide any "Login to leave review" / sign-in nag */
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .login-to-review,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .sign-in-required,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .login-required-message {
	display: none !important;
}

/* If Listeo wraps reviews in a styled inner box with white background, neutralise */
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap > div,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap section,
html body.desiwed-rebrand .dw-vendor__google-reviews-wrap .listing-section {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* ==========================================================================
   v3.2.7 — Vendor card CTA + clean rendering fixes
   ========================================================================== */

/* CTA arrow on each vendor card footer */
html body.desiwed-rebrand .dw-vendor-card__footer {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 12px !important;
	margin-top: 12px !important;
	padding-top: 14px !important;
	border-top: 1px solid #ece5d8 !important;
}

html body.desiwed-rebrand .dw-vendor-card__loc {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #8a8580 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
}

html body.desiwed-rebrand .dw-vendor-card__cta {
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #6b2c2c !important;
	transition: color 0.2s ease !important;
	white-space: nowrap !important;
}

html body.desiwed-rebrand .dw-vendor-card:hover .dw-vendor-card__cta {
	color: #4a1d1d !important;
}

/* Hide any empty meta-row that has no rating + no other data — prevents stranded
   separator artefacts on listings without reviews */
html body.desiwed-rebrand .dw-vendor__meta:empty,
html body.desiwed-rebrand .dw-vendor__meta span:empty {
	display: none !important;
}

/* Make sure the meta row uses inline-flex with subtle separators ONLY between filled spans */
html body.desiwed-rebrand .dw-vendor__meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px 16px !important;
	align-items: center !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	color: #5b5550 !important;
	margin-top: 8px !important;
}

html body.desiwed-rebrand .dw-vendor__meta span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

/* (v3.2.7's gallery-hide rules removed — they were swallowing valid images
    rendered via lazy-load / data-src instead of inline style.) */

/* ==========================================================================
   v3.2.8 — Desktop single-listing layout: description fills available width,
   enquiry form sits as a fixed 380px column on the right.
   ========================================================================== */

@media (min-width: 901px) {
	html body.desiwed-rebrand.single-listing .dw-vendor__row {
		max-width: 1400px !important;
		margin: 0 auto !important;
		padding: 32px 40px 80px !important;
	}

	html body.desiwed-rebrand.single-listing .dw-vendor__body {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 380px !important;
		gap: 60px !important;
		align-items: start !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	html body.desiwed-rebrand.single-listing .dw-vendor__main {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Title — keep on 1-2 lines on desktop, never per-word breaks */
	html body.desiwed-rebrand.single-listing .dw-vendor__title {
		font-size: clamp(36px, 4vw, 56px) !important;
		line-height: 1.1 !important;
		max-width: 100% !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}

	/* Aside — fixed 380px, sticky */
	html body.desiwed-rebrand.single-listing .dw-vendor__aside {
		width: 380px !important;
		min-width: 0 !important;
		max-width: 380px !important;
		position: sticky !important;
		top: 100px !important;
		align-self: start !important;
	}

	html body.desiwed-rebrand.single-listing .dw-vendor__aside-card {
		width: 100% !important;
		padding: 28px !important;
	}

	/* Hero gallery — proper visible height, no collapsed empty box */
	html body.desiwed-rebrand.single-listing .dw-vendor__gallery {
		max-width: 1400px !important;
		margin: 0 auto !important;
		padding: 0 40px !important;
	}
}

/* End */