/**
 * Hot House — legacy Elementor pages in the home-v4 language (2026-10-10).
 * /blog/ (5137), /architects-designers/ (4935), /technicians/ (4943) share one Elementor template
 * (element ids hhHero*, hhBlogPosts*, hhCta*). Navy #061D33 → brand tokens (hh-v2-tokens.css).
 * Rollback: option hh_v2_design_unify = 0.
 */

/* Hero card */
.elementor .elementor-element.elementor-element-hhHeroBubble {
	border: 1px solid var(--hh4-line) !important;
	border-top: 3px solid var(--hh4-red) !important;
	border-radius: var(--hh4-radius) !important;
	background: var(--hh4-bg) !important;
	box-shadow: var(--hh4-shadow) !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

.elementor .elementor-element.elementor-element-hhHeroEy .elementor-heading-title,
.elementor .elementor-element.elementor-element-hhHeroEy p {
	display: inline-flex;
	padding: 0.3rem 0.8rem;
	border-radius: var(--hh4-radius-pill);
	background: var(--hh4-red-soft);
	color: var(--hh4-red) !important;
	font-family: var(--hh4-font) !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
}

.elementor .elementor-element.elementor-element-hhHeroH1 .elementor-heading-title {
	font-family: var(--hh4-font) !important;
	font-size: var(--hh4-h1) !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: var(--hh4-ink) !important;
}

.elementor .elementor-element.elementor-element-hhHeroLead,
.elementor .elementor-element.elementor-element-hhHeroLead p {
	color: var(--hh4-text) !important;
	font-family: var(--hh4-font) !important;
}

/* Buttons */
.elementor .elementor-element.elementor-element-hhHeroPrimary .elementor-button,
.elementor .elementor-element.elementor-element-hhCtaB1 .elementor-button {
	border: 1px solid var(--hh4-red) !important;
	border-radius: var(--hh4-radius-md) !important;
	background: var(--hh4-red) !important;
	color: #fff !important;
	fill: #fff !important;
	font-family: var(--hh4-font) !important;
	font-weight: 700 !important;
}

.elementor .elementor-element.elementor-element-hhHeroPrimary .elementor-button:hover,
.elementor .elementor-element.elementor-element-hhCtaB1 .elementor-button:hover {
	border-color: var(--hh4-red-hover) !important;
	background: var(--hh4-red-hover) !important;
}

.elementor .elementor-element.elementor-element-hhHeroSecondary .elementor-button {
	border: 1px solid rgba(0, 0, 0, 0.18) !important;
	border-radius: var(--hh4-radius-md) !important;
	background: var(--hh4-bg) !important;
	color: var(--hh4-ink) !important;
	fill: var(--hh4-ink) !important;
	font-family: var(--hh4-font) !important;
	font-weight: 700 !important;
}

/* Trust band + CTA band: brand dark instead of navy/brown gradients */
.elementor .elementor-element.elementor-element-hhTrust,
.elementor .elementor-element.elementor-element-hhCtaEnd {
	background: var(--hh4-anthracite) !important;
	background-image: none !important;
}

.elementor .elementor-element.elementor-element-hhCtaEnd {
	border-top: 3px solid var(--hh4-red) !important;
}

.elementor .elementor-element.elementor-element-hhCtaH .elementor-heading-title {
	font-family: var(--hh4-font) !important;
	font-size: var(--hh4-h2) !important;
	font-weight: 800 !important;
	color: #fff !important;
}

.elementor .elementor-element.elementor-element-hhBlogNav {
	background: var(--hh4-bg-soft) !important;
}

/* Posts grid → home cards */
.elementor .elementor-element.elementor-element-hhBlogPostsH .elementor-heading-title {
	font-family: var(--hh4-font) !important;
	font-size: var(--hh4-h2) !important;
	font-weight: 700 !important;
	color: var(--hh4-ink) !important;
}

.elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post {
	border: 1px solid var(--hh4-line) !important;
	border-top: 3px solid var(--hh4-red) !important;
	border-radius: var(--hh4-radius) !important;
	background: var(--hh4-bg) !important;
	box-shadow: var(--hh4-shadow) !important;
	overflow: hidden;
}

.elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post__title,
.elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post__title a {
	font-family: var(--hh4-font) !important;
	font-size: var(--hh4-h3) !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: var(--hh4-ink) !important;
}

.elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post__title {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post__excerpt p,
.elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post__meta-data {
	color: var(--hh4-muted) !important;
	font-family: var(--hh4-font) !important;
}

.elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post__read-more {
	display: inline-block !important;
	width: auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	color: var(--hh4-red) !important;
	font-family: var(--hh4-font) !important;
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	text-align: start !important;
}

.elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post__read-more::after {
	content: " ←";
}

html:lang(en) .elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post__read-more::after,
html:lang(ru) .elementor .elementor-element.elementor-element-hhBlogPostsW .elementor-post__read-more::after {
	content: " →";
}