/* Minimal starter — page templates stylesheet.
 *
 * Loaded by parent theme as {child}/assets/css/minimal-pages.css
 * (copied during install). Single design cohort: Urbanist + Nunito Sans,
 * white background, yellow #E6C600 accent. No multi-cohort scoping needed.
 *
 * The Minimal starter is intentionally *quiet* — it relies on Gutenberg
 * core block markup (wp:group, wp:heading, wp:paragraph, wp:buttons,
 * wp:latest-posts, wp:separator) with inline style attributes set in the
 * source template. Typography + color tokens come from template.json's
 * tokens block (Urbanist + Nunito Sans loaded via Google Fonts Manager).
 *
 * The rules below are conservative refinements — small page-template
 * scoped tweaks that improve readability without overriding parent or
 * child theme defaults. They live under the `.minimal-page` wrapper
 * class added by each PHP template, so nothing here leaks to other
 * pages or the rest of the site.
 *
 * Fonts loaded externally via tokens.typography (Google Fonts Manager) —
 * Urbanist (heading) + Nunito Sans (body) declared in template.json's
 * tokens block.
 */

/* === Page-template scope ============================================= */
/* Every Minimal page template wraps its inner sections in
 * `.entry-content.minimal-page`, so all rules below stay scoped to
 * pages that actually use these templates. */
.minimal-page {
	--m-ink: #1a1a1a;
	--m-muted: #64748b;
	--m-accent: #E6C600;
	--m-rule: #E5E7EB;
}

/* === Hero / call-to-action button polish ============================= */
/* Gutenberg's default button has a tight feel; Minimal wants generous
 * tap targets and clear hover affordance against a quiet white page. */
.minimal-page .wp-block-button .wp-block-button__link {
	padding: 0.875rem 1.75rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.minimal-page .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background-color: var(--m-ink);
	color: #ffffff;
}

.minimal-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.minimal-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible {
	background-color: var(--m-accent);
	color: var(--m-ink);
}

.minimal-page .wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	color: var(--m-ink);
	border: 1.5px solid var(--m-ink);
}

.minimal-page .wp-block-button.is-style-outline .wp-block-button__link:hover,
.minimal-page .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
	background-color: var(--m-ink);
	color: #ffffff;
}

/* === Separator =======================================================  */
/* Soft hairline that matches the calm, blog-first vibe. */
.minimal-page .wp-block-separator {
	border: 0;
	border-top: 1px solid var(--m-rule);
	max-width: 720px;
	margin-inline: auto;
	opacity: 1;
}

/* === Latest-posts grid ================================================ */
/* The home page renders a 3-column grid via core/latest-posts. The
 * defaults need a little air to breathe alongside Minimal's typography. */
.minimal-page .wp-block-latest-posts.is-grid {
	gap: 2.5rem;
	margin-top: 2.5rem;
	padding-left: 0;
}

.minimal-page .wp-block-latest-posts.is-grid > li {
	margin-bottom: 0;
}

.minimal-page .wp-block-latest-posts__post-title {
	font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.25;
	color: var(--m-ink);
	display: inline-block;
	margin-bottom: 0.5rem;
	text-decoration: none;
}

.minimal-page .wp-block-latest-posts__post-title:hover,
.minimal-page .wp-block-latest-posts__post-title:focus-visible {
	color: var(--m-accent);
}

.minimal-page .wp-block-latest-posts__post-date {
	display: block;
	font-size: 0.8125rem;
	color: var(--m-muted);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 0.75rem;
}

.minimal-page .wp-block-latest-posts__post-excerpt {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--m-muted);
	margin-top: 0;
}

/* === Headings ======================================================== */
/* Gutenberg leaves heading default styles to the theme. We pin the
 * Minimal pages to Urbanist so the look matches even if a child theme's
 * defaults drift. */
.minimal-page h1.wp-block-heading,
.minimal-page h2.wp-block-heading,
.minimal-page h3.wp-block-heading {
	font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, sans-serif;
	color: var(--m-ink);
}

.minimal-page h2.wp-block-heading {
	font-weight: 700;
	letter-spacing: -0.02em;
}

/* === Paragraphs ====================================================== */
.minimal-page p {
	font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* === Editor-appended content slot ==================================== */
/* Optional admin-added content rendered after the starter sections.
 * Reset spacing so it sits flush with the rest of the page. */
.minimal-page .entry-content-extras {
	max-width: 720px;
	margin: 0 auto;
	padding: 2rem 1.25rem 4rem;
}

/* === Responsive tweaks =============================================== */
@media (max-width: 600px) {
	.minimal-page .wp-block-latest-posts.is-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.minimal-page .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.minimal-page .wp-block-buttons .wp-block-button__link {
		display: block;
		text-align: center;
	}
}