/*
Theme Name: CoolingSolutions
Theme URI: https://example.com/
Description: Child theme for the CoolingSolutions WooCommerce site.
Author: CoolingSolutions
Template: twentytwentyfive
Version: 1.0.0
Text Domain: coolingsolutions
Requires at least: 6.7
Requires PHP: 8.1
*/

/* Landing-page spacing corrections kept in the theme layer. */
.cs-cohesive-concept .cs-full-air {
	/* Injected blocks otherwise inherit WordPress's default block gap. */
	top: 70%;
	margin: 0 !important;
}

/* Product search uses the same visual system as the shop archive. */
body.search-results,
body.search-no-results {
	background: #f7f9fa;
}

.cs-search-shell {
	padding-bottom: 56px;
}

.cs-search-shell .wp-block-woocommerce-product-collection-no-results {
	box-sizing: border-box;
	min-height: 260px;
	padding: 56px 24px;
	border: 1px solid #dfe8e9;
	border-radius: 6px;
	background: #fff;
	text-align: center;
}

.cs-search-shell .wp-block-woocommerce-product-collection-no-results p {
	margin: 0;
	color: #61777e;
}

.cs-search-shell .wp-block-woocommerce-product-collection-no-results p:first-child {
	margin-bottom: 8px;
	color: #182e34;
}

@media (max-width: 781px) {
	.cs-search-shell {
		padding-bottom: 40px;
	}

	.cs-search-shell .cs-shop-results > .wp-block-group {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		flex-wrap: wrap !important;
		gap: 12px;
	}

	.cs-search-shell .cs-shop-results select {
		max-width: 160px;
	}
}

@media (max-width: 600px) {
	.cs-search-shell .cs-product-cards {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.cs-search-shell .cs-product-card {
		width: 100% !important;
	}
}

.cs-cohesive-concept .cs-featured {
	padding-bottom: clamp(48px, 6vw, 72px) !important;
}

/* A compact buying opportunity at the first fold. Product data stays dynamic. */
.cs-cohesive-concept .cs-hero-shop {
	position: relative;
	z-index: 6;
	width: calc(100% - 48px);
	max-width: 1180px;
	box-sizing: border-box;
	margin: -96px auto 56px !important;
	box-shadow: 0 18px 48px rgb(25 59 66 / 10%);
}

.cs-hero-shop__head {
	margin: 0 0 16px !important;
}

.cs-hero-shop__head > .wp-block-group {
	margin: 0 !important;
}

.cs-hero-shop__eyebrow {
	margin: 0 0 4px !important;
	color: #67858b;
	font-size: 10px;
	font-weight: 650;
	letter-spacing: 1.5px;
}

.cs-hero-shop__head h2 {
	margin: 0;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: -.35px;
}

.cs-hero-shop__all {
	margin: 0 !important;
	font-size: 12px;
}

.cs-hero-shop__all a {
	color: #193b42;
	font-weight: 600;
	text-underline-offset: 4px;
}

.cs-cohesive-concept .cs-hero-shop .wc-block-product-template {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box;
}

.cs-cohesive-concept .cs-hero-shop .wp-block-woocommerce-product-collection {
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

.cs-cohesive-concept .cs-hero-shop .wc-block-product-template > li {
	display: block !important;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
}

.cs-cohesive-concept .cs-hero-shop .wc-block-product-template > li > .wp-block-group {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	height: 100%;
	min-height: 160px;
	overflow: hidden;
	border: 1px solid #e0e9e9;
	border-radius: 10px;
	background: #fff;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-media {
	height: 100%;
	min-height: 160px;
	margin: 0 !important;
	padding: 8px !important;
	background: #f1f5f5;
	box-sizing: border-box;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-media :is(.wc-block-components-product-image, a, img) {
	width: 100%;
	height: 100% !important;
	object-fit: contain;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-details {
	display: flex !important;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
	margin: 0 !important;
	padding: 12px !important;
	box-sizing: border-box;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-details > * {
	margin-block: 0;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-brand {
	font-size: 9px;
	line-height: 1.35;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-title {
	display: -webkit-box;
	min-height: 0 !important;
	overflow: hidden;
	font-size: 12px !important;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-title a {
	color: #193b42;
	text-decoration: none;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-price {
	margin-top: auto !important;
	font-size: 15px !important;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-price del {
	font-size: 10px !important;
	color: #748589;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-price ins {
	color: #b63838;
	font-weight: 650;
	text-decoration: none;
}

.cs-cohesive-concept .cs-hero-shop .cs-card-button :is(button, a) {
	width: 100%;
	min-height: 34px;
	box-sizing: border-box;
	padding: 7px 9px !important;
	border-radius: 6px !important;
	background: #193b42 !important;
	color: #fff !important;
	font-size: 10px !important;
}

.cs-cohesive-concept .cs-hero-shop .cs-compare-action {
	display: none;
}

@media (max-width: 700px) {
	.cs-concept-hero {
		min-height: clamp(500px, 64svh, 520px) !important;
	}

	.cs-concept-hero .cs-concept-copy {
		justify-content: flex-start;
		padding: 22px 24px 24px;
	}

	.cs-cohesive-concept .cs-full-air {
		top: 68%;
		height: 420px;
	}

	.cs-cohesive-concept .cs-featured {
		padding-bottom: 48px !important;
	}

	.cs-cohesive-concept .cs-hero-shop {
		width: calc(100% - 24px);
		margin: -96px 12px 38px !important;
		padding: 16px !important;
		overflow: hidden;
	}

	.cs-hero-shop__head {
		align-items: flex-end;
		gap: 12px;
	}

	.cs-hero-shop__head h2 {
		font-size: 19px;
	}

	.cs-cohesive-concept .cs-hero-shop .wc-block-product-template {
		display: flex !important;
		gap: 10px !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		padding-bottom: 2px;
	}

	.cs-cohesive-concept .cs-hero-shop .wc-block-product-template::-webkit-scrollbar {
		display: none;
	}

	.cs-cohesive-concept .cs-hero-shop .wc-block-product-template > li {
		flex: 0 0 min(290px, 86vw);
		scroll-snap-align: start;
	}

	.cs-cohesive-concept .cs-hero-shop .wc-block-product-template > li > .wp-block-group {
		grid-template-columns: 96px minmax(0, 1fr);
		min-height: 150px;
	}

	.cs-cohesive-concept .cs-hero-shop .cs-card-media {
		min-height: 150px;
	}

	.cs-cohesive-concept :is(.cs-route-selector, .cs-story-section, .cs-shop-band, #duk, #susisiekite) {
		box-sizing: border-box;
	}
}