/*
 * Hotshotter Core final presentation safeguards.
 * The imported CSS layers are enqueued separately; this file only resolves final theme-level details.
 */

.hc-main {
	background:
		linear-gradient(180deg, rgba(247, 248, 250, 0.85), rgba(255, 255, 255, 0) 22rem),
		var(--hs-color-white);
}

.hc-hero h1 {
	margin-block-end: var(--hs-space-sm);
	max-width: 12ch;
}

.hc-hero p:not(.hc-eyebrow) {
	color: var(--hs-color-charcoal-soft);
	font-size: var(--hs-font-size-lg);
	line-height: 1.58;
}

.hc-value-band {
	background: var(--hs-color-charcoal);
	color: var(--hs-color-white);
}

.hc-value-band h2,
.hc-value-band h3,
.hc-value-band p {
	color: var(--hs-color-white);
}

.hc-resource-hub,
.hc-feature {
	background: var(--hs-color-soft-background);
}

.hc-page-404 .hc-hero,
.hc-archive .hc-hero {
	max-width: var(--hs-container-standard);
}

.hc-search {
	margin-block-start: var(--hs-space-xl);
}

.hc-footer .wp-block-site-title,
.hc-footer .wp-block-site-title a {
	color: var(--hs-color-white);
}

.has-background {
	padding: var(--hs-space-lg);
}

.is-style-outline .wp-block-button__link {
	background: transparent;
	border-color: currentColor;
	color: var(--hs-color-burgundy);
}

.wp-block-query-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hs-space-sm);
	margin-block-start: var(--hs-space-xl);
}

@media (prefers-reduced-motion: no-preference) {
	.hc-card,
	.hc-product-card,
	.wp-block-button__link {
		will-change: transform;
	}
}

@media (max-width: 480px) {
	.hc-hero h1 {
		max-width: 100%;
	}
}

@media (min-width: 1040px) {
	.hc-hero {
		padding-block: clamp(4rem, 7vw, 6.5rem);
	}

	.hc-section {
		padding-block: clamp(3rem, 5.5vw, 5rem);
	}
}