/* ============================================================
   CRMove Marketing Blocks — Child Theme
   All visual styling lives here. Zero inline styles in blocks.
   ============================================================ */

/* ---------- Header ---------- */
header.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

.crmove-header {
	border-bottom: 4px solid rgba(240, 240, 245, 0.568);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
	padding: var(--wp--preset--spacing--medium);
}

.crmove-header .wp-block-site-title a,
.crmove-header .wp-block-navigation a,
.crmove-header .wp-block-navigation .wp-block-navigation-item__content,
.crmove-header .wp-block-navigation-submenu__toggle {
	color: var(--wp--preset--color--base, #fff) !important;
}

/* Mobile menu toggle icon */
.crmove-header .wp-block-navigation__responsive-container-open svg,
.crmove-header .wp-block-navigation__responsive-container-close svg {
	stroke: var(--wp--preset--color--base, #fff);
}

/* ---------- Footer ---------- */
.crmove-footer {
	border-top: 1px solid var(--wp--preset--color--border-light);
	padding: var(--wp--preset--spacing--xx-large) var(--wp--preset--spacing--medium) var(--wp--preset--spacing--x-large);
}

.crmove-footer__bottom {
	border-top: 1px solid var(--wp--preset--color--border-light);
	padding-top: var(--wp--preset--spacing--medium);
	margin-top: var(--wp--preset--spacing--large);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--wp--preset--spacing--small);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--secondary);
}

/* Double-class selector beats Gutenberg's generated single-class container styles */
.wp-block-group.crmove-footer__legal {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--wp--preset--spacing--medium);
	font-size: var(--wp--preset--font-size--small);
	align-items: center;
}

.crmove-footer__service {
	text-align: right;
}

.crmove-footer__copyright {
	text-align: center;
	margin-top: var(--wp--preset--spacing--large);
}

/* ---------- Prose pages (Privacy Policy, Contact…) ---------- */
.crmove-prose {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
	padding: var(--wp--preset--spacing--xx-large) var(--wp--preset--spacing--medium);
}

/* ---------- Shared section padding ---------- */
.crmove-hero,
.crmove-section,
.crmove-cta {
	padding-top: var(--wp--preset--spacing--xx-large);
	padding-bottom: var(--wp--preset--spacing--xx-large);
	padding-left: var(--wp--preset--spacing--medium);
	padding-right: var(--wp--preset--spacing--medium);
}

.crmove-section--bordered {
	border-top: 1px solid var(--wp--preset--color--border-light);
}

/* ---------- Hero ---------- */
.crmove-hero {
	text-align: center;
}

.crmove-hero .wp-block-heading {
	font-size: clamp(2.5rem, 6vw, 4rem);
	line-height: 1.15;
}

.crmove-hero__subtitle {
	font-size: var(--wp--preset--font-size--large);
	color: #c8c8d0;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: var(--wp--preset--spacing--medium);
}

.crmove-hero__buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wp--preset--spacing--small);
	margin-top: var(--wp--preset--spacing--medium);
}

.crmove-hero__buttons .wp-block-button__link,
.crmove-cta__buttons .wp-block-button__link {
	padding: 14px 32px;
	border-radius: 6px;
}

/* Sign in outline button on dark background */
.crmove-hero .is-style-outline .wp-block-button__link {
	border-color: rgba(255, 255, 255, 0.6);
	color: #fff;
}

/* ---------- Problem section ---------- */
.crmove-section>.wp-block-paragraph {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

/* ---------- Feature cards ---------- */
.crmove-card {
	border: 1px solid var(--wp--preset--color--border-light);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--medium);
	height: 100%;
}

.crmove-card__icon {
	font-size: 1.5rem;
	line-height: 1;
	margin-bottom: 0;
}

/* ---------- Steps (How it works) ---------- */
.crmove-step__number {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--wp--preset--color--vivid-cyan-blue);
	line-height: 1;
}

/* ---------- Pricing ---------- */
.crmove-pricing-cols {
	align-items: stretch;
}

.crmove-pricing-card {
	border: 1px solid var(--wp--preset--color--border-light);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--large);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--medium);
}

.crmove-pricing-card.is-featured {
	border: 2px solid var(--wp--preset--color--vivid-cyan-blue);
}

.crmove-pricing-card__price {
	font-size: 2.25rem;
	font-weight: 700;
	margin: 0;
}

/* ---------- Soon / Coming soon badge ---------- */
.crmove-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.2em 0.6em;
	border-radius: 99px;
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.crmove-badge--soon {
	background: linear-gradient(135deg, #7c3aed 0%, #5344F4 100%);
	color: #fff;
}

/* ---------- CTA ---------- */
.crmove-cta {
	text-align: center;
}

.crmove-cta__subtitle {
	color: #c8c8d0;
	margin-left: auto;
	margin-right: auto;
	max-width: 620px;
	margin-top: var(--wp--preset--spacing--medium);
}

.crmove-cta__buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wp--preset--spacing--small);
	margin-top: var(--wp--preset--spacing--large);
}