/* ============================================================
   BOOK A CALL — landing page
   Applied on the page slug `book-a-call` (body.vita-bookcall).
   Hero + 2-col body (form + sidebar). Light/parchment palette,
   matches the editorial-restraint interior pages.
   ============================================================ */

body.vita-bookcall {
	background: #FFF8EE; /* parchment */
}

/* ── HERO ─────────────────────────────────────────────────────── */

.vita-bookcall-hero {
	background: #1F3933; /* dark green — anchors the page */
	color: #ffffff;
	padding: clamp(56px, 9vw, 96px) clamp(24px, 5vw, 48px) clamp(40px, 6vw, 64px);
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.vita-bookcall-hero__eyebrow {
	font-family: var(--wp--preset--font-family--mono), ui-monospace, Menlo, monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #ffffff;
	opacity: 0.7;
	margin: 0;
}

h1.wp-block-heading.vita-bookcall-hero__title {
	font-family: var(--wp--preset--font-family--sans), ui-sans-serif, system-ui, sans-serif;
	font-weight: 700;
	font-size: clamp(2.5rem, 8vw, 6rem);
	line-height: 1.0;
	letter-spacing: -0.028em;
	color: #ffffff;
	margin: 0;
}

.vita-bookcall-hero__lede {
	font-size: clamp(1rem, 2vw, 1.25rem);
	line-height: 1.55;
	max-width: 62ch;
	opacity: 0.86;
	margin: 0;
}

/* ── BODY GRID ────────────────────────────────────────────────── */

.vita-bookcall-body {
	padding: clamp(36px, 6vw, 72px) clamp(24px, 5vw, 48px) clamp(56px, 8vw, 96px);
}

.vita-bookcall-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
	gap: clamp(28px, 4vw, 56px);
	align-items: start;
}

/* Grid items default to min-width:auto, which lets the form's intrinsic
   min-content push the column wider than its share. Forcing min-width:0
   lets both columns honour the grid's fr allocation on every viewport. */
.vita-bookcall-grid__form,
.vita-bookcall-grid__aside {
	min-width: 0;
}

@media (max-width: 899.98px) {
	.vita-bookcall-grid {
		grid-template-columns: 1fr;
	}
}

/* The form itself comes from the vita-form plugin (slug=contact); its
   theme chrome lives in themes/vitasiti/assets/css/vita-form.css. The
   grid here just hosts the form card alongside the sidebar. */

/* ── SIDEBAR ──────────────────────────────────────────────────── */

.vita-bookcall-grid__aside {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.vita-bookcall-aside {
	background: rgba(31, 57, 51, 0.04);
	border-radius: 14px;
	padding: 22px 24px;
}

.vita-bookcall-aside h3 {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 12px;
	letter-spacing: -0.01em;
	color: #0F1B2D;
}

.vita-bookcall-aside ol,
.vita-bookcall-aside ul {
	margin: 0;
	padding-left: 1.1em;
	color: rgba(15, 27, 45, 0.78);
	font-size: 14px;
	line-height: 1.55;
}

.vita-bookcall-aside li + li {
	margin-top: 8px;
}

.vita-bookcall-aside p {
	margin: 0;
	color: rgba(15, 27, 45, 0.78);
	font-size: 14px;
	line-height: 1.55;
}

.vita-bookcall-aside p + p {
	margin-top: 8px;
}

.vita-bookcall-aside--alt {
	background: #1F3933;
	color: #ffffff;
}

.vita-bookcall-aside--alt h3,
.vita-bookcall-aside--alt p {
	color: #ffffff;
}

.vita-bookcall-aside--alt a {
	color: #6BE0B8;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid rgba(107, 224, 184, 0.5);
}

.vita-bookcall-aside--alt a:hover {
	border-bottom-color: #6BE0B8;
}

.vita-bookcall-aside__small {
	font-size: 12px;
	opacity: 0.7;
}

.vita-bookcall-aside__small a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 1px;
}

/* ── Trust strip (ported from formandmotion contact-flow pattern) ─ */
/* Mono uppercase list of three reassurance lines + a privacy link.
   Lives in the right column on /book-a-call/. */

.vita-bookcall-aside--trust {
	background: #ffffff;
	border: 1px solid rgba(15, 27, 45, 0.08);
	padding: 24px 26px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.vita-bookcall-aside__trust-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.vita-bookcall-aside__trust-list li {
	font-family: var(--wp--preset--font-family--mono), ui-monospace, Menlo, monospace;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(15, 27, 45, 0.72);
	line-height: 1.4;
	padding-inline-start: 22px;
	position: relative;
}

.vita-bookcall-aside__trust-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 12px;
	height: 6px;
	border-left: 1.5px solid #1F3933;
	border-bottom: 1.5px solid #1F3933;
	transform: rotate(-45deg);
}

.vita-bookcall-aside--trust .vita-bookcall-aside__small {
	margin: 0;
	opacity: 1;
	color: rgba(15, 27, 45, 0.62);
	font-size: 13px;
}

.vita-bookcall-flash--ok {
	background: rgba(107, 224, 184, 0.18);
	color: #1F3933;
	border: 1px solid rgba(107, 224, 184, 0.5);
}

.vita-bookcall-flash--err {
	background: rgba(255, 80, 80, 0.10);
	color: #B8261E;
	border: 1px solid rgba(255, 80, 80, 0.3);
}