/* Hot House — visibility + archive fixes, 2026-10-04 (loaded last; new file name for CDN). */

/* 1. Language switcher: inactive languages were navy on black (1:1). */
.hh-v2-lang-switch--header .hh-v2-lang-switch__link:not(.is-active),
.hh-v2-lang-switch--mobile .hh-v2-lang-switch__link:not(.is-active) {
	color: rgba(255, 255, 255, 0.88) !important;
}
.hh-v2-lang-switch--header .hh-v2-lang-switch__link:not(.is-active):hover,
.hh-v2-lang-switch--mobile .hh-v2-lang-switch__link:not(.is-active):hover {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.16) !important;
}
.hh-v2-lang-switch--header .hh-v2-lang-switch__link.is-active,
.hh-v2-lang-switch--mobile .hh-v2-lang-switch__link.is-active {
	color: #061d33 !important;
	background: #fff !important;
}

/* 2. Sticky bar / offer header: dark text on dark or red backgrounds. */
.hh-v2-sticky-bar__wa,
.hh-v2-sticky-bar__wa:visited,
.hh-v2-sticky-bar__primary,
.hh-v2-sticky-bar__primary:visited,
.hh-moon-sticky__primary,
.hh-moon-sticky__primary:visited,
body.hh-v2-offer-page .hh-v2-header__offer-phone,
body.hh-v2-offer-page .hh-v2-header__offer-phone:visited {
	color: #fff !important;
}

/* 3. Active filter chips on red. */
.hh-v2-catalog-filters__chip.is-active,
.hh-v2-catalog-toolbar__chip.is-active {
	color: #fff !important;
}

/* 4. MOON orange price badges: white on #d67828 was 3.2:1 → 5.25:1. */
.hh-mv__price,
.hh-moon-launch-price__badge,
.hh-offer-hero__price-badge {
	background: #a8560f !important;
	color: #fff !important;
}

/* 5. Cookie banner buttons + small grey meta. */
.hh-v2-consent__btn {
	color: #ff7aa2 !important;
}
#hh-v2-consent-reopen {
	color: #a3172f !important;
}
.hh-v2-consent__btn--primary {
	color: #fff !important;
}
.hh-v2-outdoor-catalog-nav small,
.hh-v2-outdoor-catalog-nav__branch-meta {
	color: #5f5c5a !important;
}
.hh-v2-founder__role {
	color: #f05252 !important;
}

/* 6. Product category archives: 2 cards per row on phones (was 1 → very long pages). */
@media (max-width: 600px) {
	html body.tax-product_cat ul.products.products,
	html body.tax-product_cat .hh-v2-heating-archive__grid-wrap ul.products.products,
	html body.tax-product_tag ul.products.products {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	html body.tax-product_cat ul.products.products > li.product,
	html body.tax-product_tag ul.products.products > li.product {
		min-width: 0 !important;
		width: auto !important;
		margin: 0 !important;
		float: none !important;
	}
	body.tax-product_cat ul.products > li.product img,
	body.tax-product_tag ul.products > li.product img {
		aspect-ratio: 1 / 1;
		object-fit: contain;
		height: auto;
	}
	body.tax-product_cat ul.products > li.product h2,
	body.tax-product_cat ul.products > li.product h3,
	body.tax-product_cat ul.products > li.product .woocommerce-loop-product__title {
		font-size: 0.95rem !important;
		line-height: 1.35 !important;
	}
	body.tax-product_cat ul.products > li.product [class*="excerpt"],
	body.tax-product_cat ul.products > li.product [class*="desc"] {
		display: none !important;
	}
	body.tax-product_cat ul.products > li.product .button,
	body.tax-product_cat ul.products > li.product a[class*="btn"] {
		font-size: 0.85rem !important;
		padding: 0.55rem 0.6rem !important;
	}
}

/* 7. Guides archive (category/tag) — templates/hh-v2-post-archive.php */
.hh-pa { background: #f7f5f2; }
.hh-pa-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.hh-pa-hero {
	background: linear-gradient(160deg, #1d1714 0%, #0f0d0c 100%);
	color: #fff;
	padding: 56px 0 40px;
}
.hh-pa-eyebrow { margin: 0 0 8px; color: #f05252; font-weight: 700; font-size: 0.9rem; letter-spacing: 0.02em; }
.hh-pa-title { margin: 0 0 12px; color: #fff; font-size: clamp(1.9rem, 4.2vw, 3rem); line-height: 1.15; }
.hh-pa-lead { margin: 0; max-width: 720px; color: rgba(255, 255, 255, 0.85); font-size: 1.05rem; line-height: 1.7; }
.hh-pa-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.hh-pa-chip {
	display: inline-block; padding: 8px 16px; border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.28); color: #fff !important; text-decoration: none;
	font-size: 0.92rem; background: rgba(255, 255, 255, 0.06);
}
.hh-pa-chip:hover { background: rgba(255, 255, 255, 0.16); }
.hh-pa-chip.is-active { background: #c41e3a; border-color: #c41e3a; }
.hh-pa-list { padding: 40px 0 56px; }
.hh-pa-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 1000px) { .hh-pa-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .hh-pa-grid { grid-template-columns: 1fr; gap: 16px; } .hh-pa-hero { padding: 36px 0 28px; } }
.hh-pa-card {
	display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden;
	border: 1px solid rgba(20, 17, 16, 0.08); box-shadow: 0 6px 20px rgba(20, 17, 16, 0.06);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.hh-pa-card:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(20, 17, 16, 0.1); }
.hh-pa-card__media { display: block; aspect-ratio: 16 / 10; background: #e9e4de; overflow: hidden; }
.hh-pa-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hh-pa-card__body { display: flex; flex-direction: column; gap: 8px; padding: 18px 18px 20px; flex: 1; }
.hh-pa-card__title { margin: 0; font-size: 1.12rem; line-height: 1.4; }
.hh-pa-card__title a { color: #141110 !important; text-decoration: none; }
.hh-pa-card__title a:hover { color: #c41e3a !important; }
.hh-pa-card__excerpt { margin: 0; color: #4a4542; font-size: 0.95rem; line-height: 1.6; flex: 1; }
.hh-pa-card__more { color: #b0172f !important; font-weight: 700; text-decoration: none; font-size: 0.95rem; }
.hh-pa-pagination { margin-top: 32px; text-align: center; }
.hh-pa-pagination .nav-links { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.hh-pa-pagination .page-numbers {
	display: inline-block; min-width: 40px; padding: 8px 12px; border-radius: 10px; background: #fff;
	border: 1px solid rgba(20, 17, 16, 0.12); color: #141110 !important; text-decoration: none;
}
.hh-pa-pagination .page-numbers.current { background: #141110; color: #fff !important; }
.hh-pa-empty { text-align: center; color: #4a4542; }
.hh-pa-cta { background: #141110; color: #fff; padding: 44px 0; text-align: center; }
.hh-pa-cta h2 { color: #fff; margin: 0 0 8px; font-size: 1.6rem; }
.hh-pa-cta p { color: rgba(255, 255, 255, 0.85); margin: 0 0 18px; }
.hh-pa-btn {
	display: inline-block; padding: 12px 26px; border-radius: 999px; background: #c41e3a;
	color: #fff !important; font-weight: 700; text-decoration: none;
}
.hh-pa-btn:hover { background: #a3172f; }

/* 1b. Footer language switcher (same issue). */
.hh-v2-lang-switch--footer .hh-v2-lang-switch__link:not(.is-active) { color: rgba(255, 255, 255, 0.88) !important; }
.hh-v2-lang-switch--footer .hh-v2-lang-switch__link.is-active { color: #061d33 !important; background: #f4f1ec !important; }

/* 6b. Product cards in the 2-column phone grid. */
@media (max-width: 600px) {
	html body.tax-product_cat ul.products.products .hh-v2-product-card__body { padding: 10px !important; gap: 6px !important; }
	html body.tax-product_cat ul.products.products .hh-v2-product-card__title { font-size: 0.92rem !important; line-height: 1.35 !important; }
	html body.tax-product_cat ul.products.products .hh-v2-product-card__excerpt,
	html body.tax-product_cat ul.products.products .hh-v2-product-card__desc,
	html body.tax-product_cat ul.products.products .hh-product-card__excerpt { display: none !important; }
	html body.tax-product_cat ul.products.products .hh-v2-product-card a[class*="btn"],
	html body.tax-product_cat ul.products.products .hh-v2-product-card .button { font-size: 0.82rem !important; padding: 8px 10px !important; min-height: 0 !important; }
}

/* 8. Ops form honeypot sat at left:-9999px → 10,389px-wide page in RTL (contact/service). */
.hh-v2-ops-form__hp {
	position: absolute !important;
	left: auto !important;
	right: 0 !important;
	top: 0 !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.hh-v2-ops-form { position: relative; }

/* 9. Final CTA: long RU/EN button labels forced the grid cell wider than the phone (425px on /ru/). */
.hh-v2-final-cta,
.hh-v2-final-cta__media,
.hh-v2-final-cta__content,
.hh-v2-final-cta__actions { min-width: 0 !important; max-width: 100%; }
.hh-v2-final-cta .hh-v2-btn { white-space: normal !important; max-width: 100%; text-align: center; }
.hh-v2-final-cta h2 { overflow-wrap: break-word; }

/* 10. Hub/landing product grids (e.g. /fireplaces/gas-fireplaces/, 182 cards): 2 compact columns on phones
   (was 1 column × ~600px cards → ~127,000px page). */
@media (max-width: 600px) {
	html body .hh-v2-product-grid ul.products.products,
	html body #hh-v2-all-products ul.products.products {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
	html body .hh-v2-product-grid ul.products.products > li.product,
	html body #hh-v2-all-products ul.products.products > li.product {
		min-width: 0 !important;
		width: auto !important;
		margin: 0 !important;
	}
	html body .hh-v2-product-grid .hh-v2-product-card__img { aspect-ratio: 1 / 1; height: auto !important; object-fit: contain; }
	html body .hh-v2-product-grid .hh-v2-product-card__body { padding: 10px !important; gap: 6px !important; }
	html body .hh-v2-product-grid .hh-v2-product-card__tag,
	html body .hh-v2-product-grid .hh-v2-product-card__meta--benefit,
	html body .hh-v2-product-grid .hh-v2-product-card__actions .hh-v2-btn--outline { display: none !important; }
	html body .hh-v2-product-grid .hh-v2-product-card__title { font-size: 0.92rem !important; line-height: 1.35 !important; }
	html body .hh-v2-product-grid .hh-product-card__badge { font-size: 0.72rem !important; padding: 2px 7px !important; }
	html body .hh-v2-product-grid .hh-v2-product-card__meta { font-size: 0.8rem !important; }
	html body .hh-v2-product-grid .hh-v2-product-card__actions .hh-v2-btn {
		font-size: 0.82rem !important;
		padding: 8px 8px !important;
		min-height: 40px !important;
		white-space: normal !important;
		width: 100%;
	}
}

/* 11. Phones: long RU/EN button labels were nowrap → buttons wider than the screen (/ru/ process section). */
@media (max-width: 600px) {
	.hh-v2-btn { white-space: normal !important; max-width: 100% !important; }
	.hh-v2-process-linked__actions { min-width: 0 !important; max-width: 100%; }
}