/*
Theme Name: WorkGuru
Theme URI: https://workguru.io
Author: WorkGuru
Description: Block theme for workguru.io. All design tokens live in theme.json.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Version: 0.11.6
License: GPL-2.0-or-later
Text Domain: workguru
*/

/* Nearly everything is theme.json. Only add CSS here that theme.json cannot express. */

/* Eyebrow / kicker label. Used above section headings. Never a heading element. */
.wg-eyebrow {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-deep);
	margin-bottom: var(--wp--preset--spacing--30);
}
.wg-on-dark .wg-eyebrow { color: var(--wp--preset--color--accent-bright); }

/* Dark sections: force heading + body colour without setting it per block. */
.wg-on-dark,
.wg-on-dark p,
.wg-on-dark li { color: #d7dced; }
.wg-on-dark :is(h1,h2,h3,h4) { color: var(--wp--preset--color--base); }
.wg-on-dark .wp-block-details { border-bottom-color: rgba(255,255,255,.14); }

/* Trust markers row under the hero. */
.wg-trust { list-style: none; padding: 0; margin: 0; }
.wg-trust li { position: relative; padding-left: 1.5rem; }
.wg-trust li::before {
	content: "";
	position: absolute; left: 0; top: .45em;
	width: .7rem; height: .7rem; border-radius: 50%;
	background: var(--wp--preset--color--accent-bright);
}

/* Stat figure inside proof-bar. */
.wg-stat { font-family: var(--wp--preset--font-family--display); line-height: 1; }

/* FAQ summary marker */
.wp-block-details summary { cursor: pointer; font-weight: 600; }