/*
 * RoofCostChecker.com - Roof Insurance Claim styles
 * File: estimator/assets/rcc-ins.css
 * Depends on rcc-core.css for tokens. Scoped under .rcc-est--ins. Matte only:
 * no glows, no shadows, no gradients.
 *
 * v0.6.1: rewritten for the dark hero. The previous sheet predated the
 * v0.3.0 redesign and used retired light-theme tokens, which rendered the
 * ACV strip as a full-bleed near-white band even when empty. Elements now
 * use hero tokens, own their 26px hero inset, and the ACV strip hides
 * until the controller fills it.
 */

/* Result headline. Sized by .rcc-est__total-value in core (46px mini);
 * this scope relaxes the display line-height for sentences. */
.rcc-est--ins .rcc-est--ins__headline {
	margin: 0 26px 6px;
	padding-left: 14px;
	border-left: 3px solid var(--rcc-amber);
	line-height: 1.05;
	letter-spacing: -.02em;
}

/* Depreciation / ACV strip. Hidden while both spans are empty; on engines
 * without :has() it degrades to a slim empty inset strip, never a band. */
.rcc-est--ins .rcc-est--ins__acvline {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 10px 26px;
	padding: 9px 0;
	border-top: 1px solid var(--rcc-hero-line);
	border-bottom: 1px solid var(--rcc-hero-line);
	font-weight: 600;
	font-size: 14px;
	color: var(--rcc-hero-fg);
	font-variant-numeric: tabular-nums;
}
.rcc-est--ins .rcc-est--ins__acvline:not(:has(span:not(:empty))) { display: none; }

@media (max-width: 560px) {
	.rcc-est--ins .rcc-est--ins__headline { font-size: 30px; }
}