/*
Theme Name: MorphCV
Theme URI: https://cvmorph.ai/
Description: Block theme for the MorphCV public website and blog. Designed to pair with the MorphCV — MorphCV Core plugin. One CV. Every Opportunity.
Version: 0.2.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.2
Author: MorphCV
Text Domain: cvmorph
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: block-patterns, full-site-editing, one-column, wide-blocks, accessibility-ready, translation-ready
*/

/* Decorative layer only. Colours, type and spacing come from theme.json. */

:where(.wp-site-blocks) *:focus-visible {
	outline: 3px solid var(--wp--preset--color--brand);
	outline-offset: 2px;
}

.cvm-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent);
	backdrop-filter: saturate(1.4) blur(8px);
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.admin-bar .cvm-site-header { top: var(--wp-admin--admin-bar--height, 32px); }

.cvm-section {
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--70);
	scroll-margin-top: 80px;
}

.cvm-hero {
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--70);
}

.cvm-eyebrow {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--brand);
}

.cvm-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 12px;
	padding: var(--wp--preset--spacing--50);
	height: 100%;
}
.cvm-card > :first-child { margin-top: 0; }
.cvm-card--featured {
	border-color: var(--wp--preset--color--ink);
}

.cvm-step-number {
	display: inline-grid;
	place-items: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--ink);
	color: var(--wp--preset--color--ink);
	font-weight: 700;
	margin: 0;
}

.cvm-checklist { list-style: none; padding-left: 0; }
.cvm-checklist li { padding-left: 1.75rem; position: relative; margin-bottom: .5rem; }
.cvm-checklist li::before { content: "✓"; position: absolute; left: 0; color: var(--wp--preset--color--success); font-weight: 700; }
.cvm-never li::before { content: "✕"; color: var(--wp--preset--color--danger); }

.cvm-faq details {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding: var(--wp--preset--spacing--30) 0;
}
.cvm-faq summary { cursor: pointer; font-weight: 600; }

.cvm-cta {
	background: var(--wp--preset--color--ink);
	border-radius: 16px;
	padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--50);
}

.cvm-site-footer { border-top: 1px solid var(--wp--preset--color--border); }

/* The MorphCV app manages its own layout inside this template. */
.cvm-app-template .wp-block-post-content > .cvm-app { margin-top: 0; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { transition: none !important; animation: none !important; }
}
@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}

.cvm-missing {
	border: 1px solid var(--wp--preset--color--border);
	border-left: 3px solid var(--wp--preset--color--danger);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
}