/* TheMobileSpot - product category page banner
   Loaded from the Novamira sandbox; see tms-legacy-redirects.php for the loader. */

/* The theme hard-codes a "Go back" arrow on product taxonomy archives. Not useful in a shop. */
.wd-page-title.with-back-btn .wd-back-btn {
	display: none !important;
}

/* Give the category banner room so the product artwork is actually visible. */
.tax-product_cat .wd-page-title,
.post-type-archive-product .wd-page-title {
	min-height: 240px;
	display: flex;
	align-items: center;
	padding-block: 30px;
}

.tax-product_cat .wd-page-title .wd-page-title-bg img,
.post-type-archive-product .wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center right;
}

/* Keep the heading clear of the product artwork on the right. */
.tax-product_cat .wd-page-title .wd-title-wrapp,
.post-type-archive-product .wd-page-title .wd-title-wrapp {
	max-width: 58%;
}

.tax-product_cat .wd-page-title .entry-title,
.post-type-archive-product .wd-page-title .entry-title {
	margin: 0;
}

@media (max-width: 1024px) {
	.tax-product_cat .wd-page-title,
	.post-type-archive-product .wd-page-title {
		min-height: 180px;
	}

	.tax-product_cat .wd-page-title .wd-title-wrapp,
	.post-type-archive-product .wd-page-title .wd-title-wrapp {
		max-width: 62%;
	}
}

@media (max-width: 768px) {
	.tax-product_cat .wd-page-title,
	.post-type-archive-product .wd-page-title {
		min-height: 150px;
	}

	/* On a phone the artwork is cropped away, so let the heading use the full width. */
	.tax-product_cat .wd-page-title .wd-title-wrapp,
	.post-type-archive-product .wd-page-title .wd-title-wrapp {
		max-width: 100%;
	}

	.tax-product_cat .wd-page-title .wd-page-title-bg img,
	.post-type-archive-product .wd-page-title .wd-page-title-bg img {
		object-position: center center;
	}
}