/*
 * Hand-written styles for CLIENT-EDITED block content (Gutenberg output).
 * Tailwind's build only scans theme/**\/*.php (see src/main.css) — it never
 * sees classes living in post content in the database, so anything the
 * client can insert via the editor is styled here instead, targeting core
 * block class names directly. This file is also loaded as an editor
 * stylesheet (inc/setup.php) so editor and front end always match (A1/A6).
 */

.entry-content {
	font-size: 1.0625rem;
	line-height: 1.7;
}

.entry-content > * + * {
	margin-block-start: 1.25em;
}

/* Heading/link color+font live here (scoped to editable content) rather
   than in theme.json, which would print them unlayered and globally — see
   the comment in src/main.css for why that breaks Tailwind's text-white
   utility on the hero H1 and other theme-chrome overrides. Duplicated onto
   .editor-styles-wrapper so the block editor preview matches the front end. */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.15;
	color: var(--wp--preset--color--ink-950);
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-block-start: 1.75em;
	margin-block-end: 0.5em;
}

.entry-content ul,
.entry-content ol {
	padding-inline-start: 1.25em;
}

.entry-content a,
.editor-styles-wrapper a {
	color: var(--wp--preset--color--green-600);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}
.entry-content a:hover,
.editor-styles-wrapper a:hover {
	color: var(--wp--preset--color--green-800);
}

/* Sub-item "accordion" — core Details block, kept OPEN by default per the
 * IA decision (visible-by-default & deep-linkable, not hidden-by-default —
 * see docs/07-review-insights.md, "biggest IA risk"). */
.entry-content details.wp-block-details {
	border-block-start: 1px solid var(--wp--preset--color--ink-200);
	padding-block: 1rem;
}
.entry-content details.wp-block-details:last-of-type {
	border-block-end: 1px solid var(--wp--preset--color--ink-200);
}
.entry-content details.wp-block-details summary {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--lg);
}
.entry-content details.wp-block-details summary::marker {
	color: var(--wp--preset--color--green-600);
}

/* Spec tables — tabular figures, zebra striping, dense but scannable. Real
 * <table> markup (not an image) so both crawlers and AI answer engines can
 * extract it directly (docs/08-seo-analytics-and-leads.md, AEO section). */
.entry-content table,
.spec-table {
	width: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
	font-size: 0.9375rem;
}
.entry-content table th,
.entry-content table td,
.spec-table th,
.spec-table td {
	border: 1px solid var(--wp--preset--color--ink-200);
	padding: 0.625rem 0.875rem;
	text-align: start;
}
.entry-content table th,
.spec-table th {
	background: var(--wp--preset--color--ink-50);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
}
.entry-content table tbody tr:nth-child(even),
.spec-table tbody tr:nth-child(even) {
	background: var(--wp--preset--color--ink-50);
}

/* Buttons: the outline style variant used in the sector-card pattern. */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--green-600);
	border: 1.5px solid var(--wp--preset--color--green-600);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--green-50);
}

/* FAQ pattern (core Details reused for Q&A) gets a lighter touch than the
 * product-accordion styling above. */
.faq-block details.wp-block-details {
	border: none;
	border-block-end: 1px solid var(--wp--preset--color--ink-200);
}