/* =========================================================================
   Native Gutenberg core-block styling (gutenberg-approach branch).
   theme.json drives colours/typography/spacing; this adds brand styling for
   buttons + a few section helpers so core blocks render on-brand on the front
   end AND in the editor.
   ========================================================================= */

/* Buttons — match the brand .btn-primary / .btn-ghost */
.wp-block-button__link {
	border-radius: 0;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 16px 32px;
	background: var(--wp--preset--color--gold, #C8A96B);
	color: var(--wp--preset--color--navy, #0A1628);
	border: 1px solid var(--wp--preset--color--gold, #C8A96B);
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--gold, #C8A96B); }
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--text, #F8F7F4);
	border-color: var(--wp--preset--color--line, rgba(248,247,244,0.14));
}
.wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--wp--preset--color--gold, #C8A96B); color: var(--wp--preset--color--gold, #C8A96B); }

/* Gold italic emphasis inside headings (brand pattern) */
.wp-block-heading em { font-style: italic; color: var(--wp--preset--color--gold, #C8A96B); }

/* Eyebrow: a paragraph given the "eyebrow" style/class */
.is-style-eyebrow, p.eyebrow {
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 14px !important;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: var(--wp--preset--color--gold, #C8A96B) !important;
}

/* Section group helper — vertical rhythm + alt background */
.wp-block-group.is-style-section { padding-block: clamp(64px, 9vw, 110px); }
.wp-block-group.has-navy-2-background-color { background: var(--wp--preset--color--navy-2, #15233A); }

/* Stat number style (a heading given the "stat" style) */
.is-style-stat { font-family: var(--font-display, 'Cormorant Garamond', serif); color: var(--wp--preset--color--gold, #C8A96B) !important; font-size: 64px !important; line-height: 1 !important; }

/* Keep editor canvas readable on the dark theme */
.editor-styles-wrapper { background: var(--wp--preset--color--navy, #0A1628); }

/* Editor only: keep empty add/remove list items clickable + show the remove control. */
.sm-list-item { min-width: 40px; }
.sm-list-item:empty::after { content: ""; display: inline-block; min-width: 80px; }

/* Engine integration-row: separators between items. */
.integration-list .int-item:not(:last-child)::after { content: "·"; padding: 0 .6em; color: var(--wp--preset--color--gold, #C8A96B); opacity: .6; }

/* Pricing: auto 4-column when a 4th tier exists (AI Agents role tiers). */
.pricing-grid:has(.tier:nth-child(4)) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
