/*
Theme Name: CircularMate
Description: Lightweight custom block theme for the CircularMate website.
Version: 1.1.2
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: circularmate
License: Proprietary
*/

/* Anchored sections should not hide under the sticky header. */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
:where(.wp-site-blocks) [id] { scroll-margin-top: 70px; }

/* Sticky header */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid var(--wp--preset--color--line-dark);
}
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; } }
.cm-header .wp-block-site-title a { text-decoration: none; }
.cm-header .cm-brand-mark {
	display: inline-block;
	width: 14px; height: 14px;
	background: var(--wp--preset--color--signal);
	margin-right: 10px;
	vertical-align: -1px;
}

/* Small uppercase labels */
.cm-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 600;
}

/* Status badges: prototype / planned / to validate */
.cm-badge {
	display: inline-block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 0.25em 0.6em;
	border: 1px solid currentColor;
	border-radius: 2px;
}

/* Hero diagram */
.cm-diagram { margin: 0; }
.cm-diagram svg { display: block; width: 100%; height: auto; }
.cm-diagram .cm-diagram--tall { display: none; max-width: 420px; margin: 0 auto; }
@media (max-width: 600px) {
	.cm-diagram .cm-diagram--wide { display: none; }
	.cm-diagram .cm-diagram--tall { display: block; }
}
.cm-diagram figcaption, .cm-diagram .cm-caption {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--steel-light);
	margin-top: 0.75rem;
}

/* Cards */
.cm-card {
	border: 1px solid var(--wp--preset--color--line);
	border-top: 4px solid var(--wp--preset--color--graphite);
	height: 100%;
}
.cm-card--accent { border-top-color: var(--wp--preset--color--signal); }

/* Numbered steps */
.cm-step-number {
	font-family: var(--wp--preset--font-family--mono);
	color: var(--wp--preset--color--signal-dark);
	font-weight: 700;
}

/* Comparison rows */
.cm-compare > .wp-block-column { border-left: 4px solid var(--wp--preset--color--line); }
.cm-compare > .wp-block-column.cm-compare--new { border-left-color: var(--wp--preset--color--signal); }

/* Placeholder that still needs real content */
.cm-todo {
	border: 1px dashed var(--wp--preset--color--signal);
}

/* Mobile */
@media (max-width: 781px) {
	.cm-hero h1 { font-size: 2.1rem !important; }
	.cm-hero-buttons .wp-block-button { width: 100%; }
	.cm-hero-buttons .wp-block-button__link { width: 100%; box-sizing: border-box; }
	.cm-header .cm-header-cta { display: none; }
}