/*
Theme Name: Sunny Quote
Theme URI: https://sunnybuildersgroupsd.com/
Author: Sunny Builders Group
Author URI: https://sunnybuildersgroupsd.com/
Description: Alternate SKIN for the Sunny block theme, matching the look & feel of the quote.sunnybuildersgroupsd.com landing pages — near-black ink, electric lime, white rounded cards, pill buttons, Title-Case Plus Jakarta Sans. Same content, structure, nav and data layer as the parent; switch between them in Appearance → Themes.
Template: sunny
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 8.0
Version: 0.6.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sunny-quote
*/

/*
 * Skin overrides ONLY — the parent stylesheet (design system) loads first and
 * most of the re-theme happens through this theme's generated theme.json
 * tokens (ink/lime palette, Jakarta Sans, 10–24px radii, soft shadows).
 * Same rules as the parent: tokens only, no raw hex (`npm run check`).
 */

/* --- Title Case, tight tracking (the LP look), not the parent's poster caps --- */
h1, h2 {
	text-transform: none;
	letter-spacing: -0.02em;
}
.sb-eyebrow { letter-spacing: 0.18em; }

/* --- pill buttons, lime primary with ink text (the LP's CTA style) --- */
.sb-btn { border-radius: var(--wp--custom--radius--pill); }
.sb-btn--primary {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--foreground);
	font-weight: var(--wp--custom--font-weight--bold);
}
.sb-btn--primary:hover {
	background: color-mix(in srgb, var(--wp--preset--color--accent), var(--wp--preset--color--primary-contrast) 22%);
	color: var(--wp--preset--color--foreground);
}

/* --- chips read as soft lime pills on dark --- */
.sb-chip {
	border-color: transparent;
	background: color-mix(in srgb, var(--wp--preset--color--accent) 14%, transparent);
	color: var(--wp--preset--color--accent);
}
.sb-chip .sb-icon { color: var(--wp--preset--color--accent); }

/* --- cards: borderless, floating, generous radius --- */
.sb-card {
	border-color: transparent;
	box-shadow: var(--wp--custom--shadow--md);
}
.sb-card:hover { box-shadow: var(--wp--custom--shadow--lg); border-color: transparent; }

/* --- trust bar: the LP's near-black stat strip --- */
.sb-trustbar.sb-section--surface {
	background-color: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--primary-contrast);
	background-image:
		radial-gradient(40rem 20rem at 50% -40%, color-mix(in srgb, var(--wp--preset--color--accent) 7%, transparent), transparent 70%);
}
.sb-trustbar__value .sb-icon { color: var(--wp--preset--color--accent); }
.sb-trustbar__label { color: var(--wp--preset--color--border); }
@media (min-width: 900px) {
	.sb-trustbar__item + .sb-trustbar__item { border-left-color: var(--wp--preset--color--secondary); }
}
.sb-trustbar .sunny-todo { background: var(--wp--preset--color--background); }

/* --- forms: filled, rounded, LP-style --- */
.sb-input {
	background: var(--wp--preset--color--surface);
	border-color: transparent;
	border-radius: var(--wp--custom--radius--sm);
}
.sb-input:hover { border-color: var(--wp--preset--color--border); }
.sb-input:focus { border-color: var(--wp--preset--color--primary); }

/* --- section numbering + review stars pick up the lime --- */
.sb-step-num { color: var(--wp--preset--color--primary); }
.sb-section--dark .sb-step-num,
.sb-section--dark .sb-review__stars { color: var(--wp--preset--color--accent); }

/* --- spirit-level rule reads quieter in this skin (thin gauge, lime bubble) --- */
.sb-level::before, .sb-level::after { opacity: 0.2; }
.sb-level__bubble { opacity: 0.65; }

/* --- footer + dark sections: slightly bluer ink panels --- */
.sb-footer__legal { color: var(--wp--preset--color--border); }