/*
 * Chennai Home Guide — Builder detail page.
 *
 * Only enqueued on single Builder pages. The spec-sheet layout, card
 * grid, and stat-grid structure come from assets/css/components/ and
 * layout.css; this file only covers what's specific to this page: the
 * hero and its neutral (non-dark-band) stat color treatment. See
 * CLAUDE.md, "CSS Architecture."
 */

.chg-builder-hero {
	padding-block: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--sm);
}

.chg-builder-hero .chg-stat-grid {
	margin-top: var(--wp--preset--spacing--sm);
}

.chg-builder-hero .chg-stat__number {
	color: var(--wp--preset--color--accent);
}

.chg-builder-hero .chg-stat__label {
	color: var(--wp--preset--color--muted);
}

.chg-builder-single__content {
	margin-top: var(--wp--preset--spacing--lg);
}

/* No public Projects: the hero's zero stats become a plain note
 * (BuilderProjectAvailability), and the Projects section's no-results
 * state is a panel with ways forward. Builds on base.css's shared
 * .chg-empty-panel, same treatment as the Blog's empty state. */
.chg-builder-hero .chg-builder-stats-empty {
	margin: var(--wp--preset--spacing--sm) 0 0;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.chg-builder-empty {
	padding: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--md);
}

.chg-builder-empty__title {
	margin: 0 0 var(--wp--preset--spacing--xs);
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.3;
}

.chg-builder-empty__text {
	max-width: 36rem;
	margin-inline: auto;
	font-size: var(--wp--preset--font-size--medium);
}

.chg-builder-empty__actions {
	gap: var(--wp--preset--spacing--xs);
	margin-block: var(--wp--preset--spacing--md) 0;
}

.chg-builder-empty .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding: 0.625rem 1.25rem;
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: var(--wp--custom--radius--sm);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 1.2;
}

.chg-builder-empty .is-style-outline .wp-block-button__link {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--accent-dark);
}

.chg-builder-empty .is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--accent-tint);
}