:root {
	--wns--search--fragment--children-spacing: 30px;
	--wns--search--breakpoint: 900px;
}

html:has(body.search) {
	min-height: 100vh;
}

html:has(body.search) body,
html:has(body.search) body .wp-site-blocks,
html:has(body.search) body .wp-site-blocks main {
	height: 100%;
}

html:has(body.search) body.search-no-results main .wp-block-woocommerce-product-collection-no-results p {
	color: var(--wp--preset--color--white) !important;
}

html:has(body.search) body .wp-site-blocks {
	display: flex;
	flex-direction: column;
	align-items: center;
}

html:has(body.search) body .wp-site-blocks > .wp-block-spacer {
	flex-shrink: 0 !important;
}

html:has(body.search) body .wp-site-blocks > header, 
html:has(body.search) body .wp-site-blocks > footer {
	width: 100%;
}

html:has(body.search) body .wp-site-blocks .fragment--product-search {
	max-width: var(--wns--page--max-width) !important;
	padding: var(--wns--page--padding) !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

html:has(body.search) body .wp-site-blocks .fragment--product-search > * {
	margin: 0 !important;
	max-width: unset !important;
}

html:has(body.search) body .wp-site-blocks .fragment--product-search > *:not(:last-child) {
	margin-bottom: var(--wns--search--fragment--children-spacing) !important;
}

.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product .wp-block-woocommerce-product-image a,
.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product .wp-block-woocommerce-product-image img {
	border-radius: var(--wns-image-radius);
}

.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product {
	display: flex;
	flex-direction: column;
	gap: var(--wns-product-slide-info-spacing);
}

.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product>* {
	margin-bottom: 0 !important;
}

.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product .wp-block-post-title a {
	font-size: var(--wns-product-slide-title-font-size) !important;
	font-family: var(--wns-product-slide-title-font-family) !important;
	font-style: var(--wns-product-slide-title-font-style) !important;
	font-weight: var(--wns-product-slide-title-font-weight) !important;
	color: var(--wns-product-slide-title-color) !important;

	line-height: var(--wns--product-catalogue--title-line-height) !important;
	min-height: var(--wns--product-catalogue--title-min-height) !important;

	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: var(--wns--product-catalogue--title-line-clamp) !important;
	overflow: hidden !important;
	word-break: break-word;
}

.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product .wp-block-post-title a:hover,
.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product .wp-block-post-title a:focus,
.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product .wp-block-post-title a:active {
	color: var(--wns-product-slide-title-color-hover) !important;
	text-decoration: var(--wns-product-slide-title-text-decoration) !important;
}

.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product .wp-block-woocommerce-product-price {
	font-size: var(--wns-product-slide-price-font-size) !important;
	font-family: var(--wns-product-slide-price-font-family) !important;
	font-style: var(--wns-product-slide-price-font-style) !important;
	font-weight: var(--wns-product-slide-price-font-weight) !important;
	color: var(--wns-product-slide-price-color) !important;
}

.fragment--product-search .wp-block-woocommerce-product-template .wc-block-product .wp-block-woocommerce-product-price .wc-block-components-product-price:has(del) ins {
	color: var(--wp--preset--color--secondary) !important;
}

html:has(body.search-no-results) body .wp-block-woocommerce-product-collection .wp-block-spacer {
	display: none !important;
}

html:has(body.search-no-results) body .wp-block-group:has(> .wc-block-product-results-count) {
	display: none !important;
}

@media (max-width: 900px) {
	.wp-block-group:has(.wp-block-woocommerce-product-results-count) {
		display: flex;
		flex-direction: column;
	}

	.wp-block-group:has(.wp-block-woocommerce-product-results-count) .wp-block-woocommerce-product-results-count {
		width: 100%;
	}

	html:has(body.search-no-results) body .wp-block-woocommerce-product-collection-no-results form .wp-block-search__inside-wrapper > input {
		max-width: unset !important;
		width: 100% !important;
	}
}