/**
 * Hot House — Warm blend (ember + sand + hearth)
 * Gradual warmth site-wide; heroes with contrast, not flat navy-only.
 */

body.hh-theme {
	--hh-ember: #d8662a;
	--hh-ember-deep: #9e3e1f;
	--hh-ember-soft: #e8956a;
	--hh-warm-cream: #f7f5f0;
	--hh-warm-sand: #ece8e1;
	--hh-warm-stone: #e3ded4;
	--hh-hearth-warm: #1a1512;
}

/* ── Page canvas ── */
body.hh-theme.hh-catalog-showcase,
body.hh-theme.hh-landing-page {
	background: var(--hh-warm-cream);
}

body.hh-theme .hh-scope.hh-landing {
	background: transparent;
}

body.hh-theme .hh-landing__section:not(.hh-landing-hero) {
	background: var(--hh-warm-cream);
}

body.hh-theme .hh-landing__section--alt,
body.hh-theme .hh-heat-section--alt {
	background: var(--hh-warm-sand);
}

/* ── Rich-page heroes (about, service, heating) — warm, not flat white ── */
body.hh-theme .hh-landing-hero {
	background: linear-gradient(
		168deg,
		var(--hh-warm-sand) 0%,
		var(--hh-warm-cream) 42%,
		#fff 88%
	);
	border-bottom: 1px solid rgba(168, 139, 91, 0.22);
	position: relative;
}

body.hh-theme .hh-landing-hero::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(
		90deg,
		transparent 0%,
		var(--hh-ember-soft) 35%,
		var(--hh-bronze, #a88b5b) 55%,
		transparent 100%
	);
	opacity: 0.65;
	pointer-events: none;
}

body.hh-theme.hh-catalog-showcase .hh-landing-hero:not(.hh-landing-hero--image),
body.hh-theme.hh-heating-service-hub .hh-landing-hero:not(.hh-landing-hero--image) {
	background: linear-gradient(
		168deg,
		#e8e2d6 0%,
		var(--hh-warm-cream) 38%,
		#fff 92%
	);
}

body.hh-theme .hh-landing--catalog-first > .hh-landing-hero:not(.hh-landing-hero--image) {
	background: linear-gradient(
		168deg,
		#ebe5da 0%,
		var(--hh-warm-cream) 35%,
		#faf9f7 100%
	);
}

/* Photo heroes — must win over warm gradients (installation, future image landings) */
body.hh-theme .hh-landing-hero.hh-landing-hero--image {
	background-color: var(--hh-navy) !important;
	background-image: var(--hh-landing-hero-bg) !important;
	background-size: cover !important;
	background-position: center 35% !important;
	border-bottom: none !important;
}

body.hh-theme .hh-landing-hero.hh-landing-hero--image::after {
	opacity: 0.35;
}

body.hh-theme .hh-landing-hero.hh-landing-hero--image .hh-landing-hero__title,
body.hh-theme .hh-landing-hero.hh-landing-hero--image .hh-landing-hero__lead,
body.hh-theme .hh-landing-hero.hh-landing-hero--image .hh-eyebrow,
body.hh-theme .hh-landing-hero.hh-landing-hero--image .hh-landing-back a {
	color: #fff !important;
}

body.hh-theme .hh-landing-hero__title {
	color: var(--hh-ink, #101318);
}

body.hh-theme .hh-landing-hero__lead {
	color: var(--hh-graphite, #1a1d21);
}

/* Eyebrow — bronze + ember hint */
body.hh-theme .hh-eyebrow {
	color: var(--hh-ember-deep);
	letter-spacing: 0.14em;
}

body.hh-catalog-showcase .hh-eyebrow {
	color: #8f4f2a;
}

/* ── Elementor full-bleed hero — warm overlay (not cold blue slab) ── */
body.hh-showcase-v-b [data-id="hhHeroFull"] {
	position: relative;
}

body.hh-showcase-v-b [data-id="hhHeroFull"]::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background: linear-gradient(
		118deg,
		rgba(247, 245, 240, 0.08) 0%,
		rgba(216, 102, 42, 0.14) 28%,
		rgba(26, 21, 18, 0.18) 55%,
		rgba(6, 29, 51, 0.38) 100%
	) !important;
}

body.hh-showcase-v-b [data-id="hhHeroFull"] > .e-con-inner,
body.hh-showcase-v-b .hh-hero-bubble-wrap {
	position: relative;
	z-index: 2;
}

/* Hero: never override Elementor background-image (lazy-load + photo).
   Warm overlay lives on ::after only. */
body.hh-showcase-v-b [data-id="hhHeroFull"].e-con.e-no-lazyload,
body.hh-showcase-v-b [data-id="hhHeroFull"].e-con.e-lazyloaded {
	background-color: transparent;
}

/* Hero bubble — navy + ember accent + signature bottom line */
body.hh-showcase-v-b .hh-hero-bubble,
body.hh-showcase-v-b .hh-hero-bubble--premium {
	position: relative;
	border-inline-start: 4px solid var(--hh-ember) !important;
	box-shadow:
		0 28px 72px rgba(26, 21, 18, 0.2),
		0 0 0 1px rgba(168, 139, 91, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.hh-showcase-v-b .hh-hero-bubble::after,
body.hh-showcase-v-b .hh-hero-bubble--premium::after {
	content: "";
	position: absolute;
	inset-inline: 1.25rem;
	bottom: 0;
	height: 3px;
	border-radius: 2px;
	background: linear-gradient(
		90deg,
		transparent 0%,
		var(--hh-ember-soft, #e8956a) 20%,
		var(--hh-ember, #d8662a) 50%,
		var(--hh-bronze, #a88b5b) 80%,
		transparent 100%
	);
	opacity: 0.9;
	pointer-events: none;
}

body.hh-showcase-v-b .hh-hero-bubble .elementor-widget-text-editor:first-of-type p,
body.hh-showcase-v-b .hh-hero-bubble [data-id="hhHeroEy"] {
	color: var(--hh-ember-deep) !important;
	font-weight: 600;
	letter-spacing: 0.12em;
}

/* ── Trust strip — warm top edge ── */
body.hh-showcase-v-b [data-id="hhTrust"] {
	border-top: 2px solid rgba(216, 102, 42, 0.35) !important;
	background: linear-gradient(180deg, #1f1a16 0%, var(--hh-graphite, #171a1f) 100%) !important;
}

/* ── Enrichment band — hearth + navy (not pure blue) ── */
body.hh-showcase-v-b [data-id="hhEnrichBenefits"],
body.hh-showcase-v-b .hh-enrich-band {
	background: linear-gradient(
		165deg,
		#2a2218 0%,
		#141c24 45%,
		#061d33 100%
	) !important;
	border-block: 1px solid rgba(168, 139, 91, 0.2);
	border-top: 2px solid rgba(216, 102, 42, 0.4) !important;
}

body.hh-showcase-v-b .hh-icon-card:hover {
	border-color: rgba(216, 102, 42, 0.4);
}

body.hh-showcase-v-b .hh-icon-card .hh-icon {
	background-color: var(--hh-ember-deep);
}

/* ── Product / content sections — warm alternation ── */
body.hh-showcase-v-b .elementor-element[data-id^="hhProducts"]:nth-of-type(odd),
body.hh-showcase-v-b .elementor-element[data-id^="hhContent"]:nth-of-type(odd) {
	background-color: var(--hh-warm-cream) !important;
}

body.hh-showcase-v-b .elementor-element[data-id^="hhProducts"]:nth-of-type(even),
body.hh-showcase-v-b .elementor-element[data-id^="hhContent"]:nth-of-type(even),
body.hh-showcase-v-b .elementor-element[data-id="hhFaq"] {
	background-color: #fff !important;
}

body.hh-showcase-v-b .elementor-element[data-id^="hhProd"] {
	background-color: var(--hh-warm-cream) !important;
}

/* Stub / thin pages — mini warm hero feel */
body.hh-showcase-v-b [data-id="hhStub"] {
	background: linear-gradient(
		180deg,
		var(--hh-warm-sand) 0%,
		var(--hh-warm-cream) 100%
	) !important;
	padding-block: 4rem !important;
}

body.hh-showcase-v-b [data-id="hhStub"] .elementor-heading-title {
	color: var(--hh-ink) !important;
}

/* ── Bottom CTA — warm hearth gradient + ember line ── */
body.hh-showcase-v-b [data-id="hhCtaEnd"],
body.hh-theme .hh-landing-cta {
	background: linear-gradient(
		135deg,
		var(--hh-hearth-warm) 0%,
		var(--hh-hearth, #040f1a) 40%,
		var(--hh-navy, #0a1219) 100%
	) !important;
	border-top: 2px solid rgba(216, 102, 42, 0.45);
}

/* ── Subtle ember accents (links, headings, cards) ── */
body.hh-theme .hh-h2,
body.hh-catalog-showcase .hh-h2 {
	border-bottom-color: rgba(216, 102, 42, 0.35);
}

body.hh-theme .hh-link-arrow:hover,
body.hh-catalog-showcase .hh-link-arrow:hover {
	color: var(--hh-ember-deep) !important;
	border-bottom-color: var(--hh-ember-soft);
}

body.hh-theme .hh-category-card:hover,
body.hh-catalog-showcase .hh-category-card:hover {
	border-color: rgba(216, 102, 42, 0.28);
}

body.hh-theme .hh-product-card:hover {
	border-color: rgba(216, 102, 42, 0.32);
}

body.hh-theme .hh-landing-internal-nav a:hover {
	color: var(--hh-ember-deep);
}

/* Secondary hero CTA — subtle ember outline option on light heroes */
body.hh-theme .hh-landing-hero__actions .hh-btn--secondary:hover {
	border-color: var(--hh-ember);
	color: var(--hh-ember-deep);
	background: rgba(216, 102, 42, 0.06);
}

/* Pavel block — portrait warm (not flat navy panel) */
body.hh-theme .hh-pavel-explain__portrait {
	background: linear-gradient(
		168deg,
		#3d3228 0%,
		#1a1512 40%,
		#0a1219 100%
	);
	border-color: rgba(216, 102, 42, 0.35);
}

body.hh-theme .hh-pavel-explain__portrait-icon {
	color: var(--hh-ember-soft);
}

/* About / rich sections spacing on warm canvas */
body.hh-theme .hh-landing--rich .hh-heat-section {
	background: transparent;
}

body.hh-theme .hh-pavel-videos {
	background: var(--hh-warm-sand);
	border-radius: 8px;
	padding: 0.5rem;
}

/* WC archive hero — warm blend with image */
body.hh-theme.tax-product_cat .hh-wc-archive-hero--has-image .hh-wc-archive-hero__overlay {
	background: linear-gradient(
		115deg,
		rgba(247, 245, 240, 0.15) 0%,
		rgba(216, 102, 42, 0.12) 30%,
		rgba(6, 29, 51, 0.55) 100%
	);
}

body.hh-theme.tax-product_cat .hh-wc-archive-hero:not(.hh-wc-archive-hero--has-image) {
	background: linear-gradient(
		168deg,
		var(--hh-warm-sand) 0%,
		var(--hh-warm-cream) 50%,
		#fff 100%
	);
}

/* ── Signature ember underline (site-wide, like hero bubble) ── */
body.hh-theme .hh-product-preview__title,
body.hh-theme .hh-heat-section > .hh-landing__container > .hh-h2:first-child,
body.hh-theme .hh-faq-section__title,
body.hh-catalog-showcase .hh-category-card {
	position: relative;
}

body.hh-theme .hh-product-preview__title::after,
body.hh-theme .hh-heat-section > .hh-landing__container > .hh-h2:first-child::after,
body.hh-theme .hh-faq-section__title::after {
	content: "";
	display: block;
	width: min(4.5rem, 40%);
	height: 3px;
	margin-block-start: 0.45rem;
	border-radius: 2px;
	background: linear-gradient(
		90deg,
		var(--hh-ember, #d8662a) 0%,
		var(--hh-bronze, #a88b5b) 70%,
		transparent 100%
	);
	opacity: 0.85;
}

body.hh-catalog-showcase .hh-category-card::before {
	background: linear-gradient(
		90deg,
		transparent,
		var(--hh-ember-soft, #e8956a) 30%,
		var(--hh-ember, #d8662a) 50%,
		var(--hh-bronze, #a88b5b) 70%,
		transparent
	) !important;
	height: 3px !important;
	opacity: 0.75;
}

body.hh-showcase-v-b .hh-enrich-intro__title::after {
	content: "";
	display: block;
	width: 3rem;
	height: 3px;
	margin: 0.5rem auto 0;
	background: linear-gradient(90deg, var(--hh-ember), var(--hh-bronze, #a88b5b), transparent);
	border-radius: 2px;
}