/* =============================================================================
 * LITSLINK BLOCKS — Form · contact split (acf/ll-contact-form-split)
 * Self-contained: block-scoped palette, literal font fallback. No global .block-head.
 * Light section: left content column (heading, intro, numbered steps, rounded
 * blue CTA) + right white LL_Forms card. The .ll-form* rules style the reusable
 * LL_Forms engine markup and are SCOPED to this block's root class so they
 * cannot collide with other form blocks on the same page.
 * ========================================================================== */
.block-ll-contact-form-split {
	--cfs-ink: #10151c;
	--cfs-muted: #5a6472;
	--cfs-body: #374151;
	--cfs-accent: #1690d3;
	--cfs-accent-dark: #1279b3;
	--cfs-section-bg: #f9fafb;
	--cfs-card-bg: #ffffff;
	--cfs-stroke: #e5e7eb;
	--cfs-font: var(--ll-font, 'Montserrat', 'Montserrat-fallback', Arial, sans-serif);
	font-family: var(--cfs-font);
	background: var(--cfs-section-bg);
	padding: 80px 0;
	box-sizing: border-box;
}
.block-ll-contact-form-split *,
.block-ll-contact-form-split *::before,
.block-ll-contact-form-split *::after { box-sizing: border-box; }

.block-ll-contact-form-split__inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 70px;
	display: flex;
	gap: 40px;
	align-items: flex-start;
}
.block-ll-contact-form-split__content {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.block-ll-contact-form-split__heading {
	margin: 0;
	font-size: 40px; line-height: 1.2; font-weight: 700; letter-spacing: -0.5px;
	color: var(--cfs-ink);
}
.block-ll-contact-form-split__intro {
	margin: 20px 0 0;
	font-size: 17px; line-height: 1.7;
	color: var(--cfs-body);
}
.block-ll-contact-form-split__steps { display: flex; flex-direction: column; gap: 12px; }
.block-ll-contact-form-split__steps-title {
	margin: 0 0 4px;
	font-size: 17px; line-height: 1.5; font-weight: 700;
	color: var(--cfs-ink);
}
.block-ll-contact-form-split__step { display: flex; gap: 12px; align-items: flex-start; }
.block-ll-contact-form-split__step-num {
	flex: 0 0 auto;
	font-size: 16px; line-height: 1.65; font-weight: 700;
	color: var(--cfs-accent);
}
.block-ll-contact-form-split__step-text {
	margin: 0;
	font-size: 16px; line-height: 1.65;
	color: var(--cfs-body);
}
/* Trust badge chips — light rounded pills, wrap into rows below the steps.
   Only rendered when the form_chips field is filled (empty on other pages). */
.block-ll-contact-form-split__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.block-ll-contact-form-split__chip {
	display: inline-flex;
	align-items: center;
	padding: 12px 22px;
	border-radius: 999px;
	background: var(--cfs-card-bg);
	border: 1px solid var(--cfs-stroke);
	font-size: 15px; font-weight: 600; line-height: 1.3;
	color: var(--cfs-ink);
	white-space: nowrap;
}

/* Left CTA — filled blue, fully rounded, centered under the column content */
.block-ll-contact-form-split__cta {
	align-self: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 8px;
	padding: 16px 32px;
	border-radius: 999px;
	background: var(--cfs-accent);
	font-size: 15px; font-weight: 700; line-height: 1.35;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.18s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.block-ll-contact-form-split__cta svg { flex: 0 0 auto; }
.block-ll-contact-form-split__cta:hover {
	background: var(--cfs-accent-dark);
	color: #fff;
	box-shadow: 0 8px 24px rgba(22, 144, 211, 0.35);
	transform: translateY(-1px);
}

/* Right form card */
.block-ll-contact-form-split__card {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: var(--cfs-card-bg);
	border: 1px solid var(--cfs-stroke);
	border-radius: 24px;
	padding: 40px;
}

/* ---------------------------------------------------------------------------
 * LL_Forms engine markup (.ll-form) — styled 1:1 to the mockup, scoped to this
 * block. Rendered inside __card, so the scoped --cfs-* tokens cascade in.
 * ------------------------------------------------------------------------- */
.block-ll-contact-form-split .ll-form { display: flex; flex-direction: column; gap: 20px; }
.block-ll-contact-form-split .ll-form__fields { display: flex; flex-direction: column; gap: 20px; }
.block-ll-contact-form-split .ll-form__row { position: relative; border-bottom: 0.8px solid var(--cfs-stroke); padding-bottom: 14px; }
.block-ll-contact-form-split .ll-form__row--phone { display: flex; align-items: center; }
.block-ll-contact-form-split .ll-form__control {
	width: 100%;
	border: 0;
	background: none;
	padding: 0;
	font: 400 15px/1.5 var(--cfs-font);
	color: var(--cfs-ink);
	resize: none;
}
.block-ll-contact-form-split .ll-form__control::placeholder { color: var(--cfs-body); }
.block-ll-contact-form-split .ll-form__control:focus { outline: none; }
.block-ll-contact-form-split .ll-form__textarea { min-height: 23px; overflow: hidden; }

/* intl-tel-input phone widget sits flush in the underlined row */
.block-ll-contact-form-split .ll-form__row--phone .iti { width: 100%; }
.block-ll-contact-form-split .ll-form__row--phone .iti input,
.block-ll-contact-form-split .ll-form__row--phone .iti__tel-input { border: 0 !important; background: none !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.block-ll-contact-form-split .ll-form__row--phone .iti__selected-dial-code { color: var(--cfs-body); font: 400 15px/1.5 var(--cfs-font); }

/* honeypot — kept in the DOM, visually removed */
.block-ll-contact-form-split .ll-form__hp { position: absolute !important; left: -9999px !important; top: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* upload */
.block-ll-contact-form-split .ll-form__note { margin: 0; font: 400 14px/1.6 var(--cfs-font); color: var(--cfs-body); }
.block-ll-contact-form-split .ll-form__dropzone {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	background: var(--cfs-section-bg);
	border: 0.8px dashed var(--cfs-stroke);
	border-radius: 10px;
	padding: 24px 20px;
	text-align: center;
}
.block-ll-contact-form-split .ll-form__dropzone.is-drag { border-color: var(--cfs-accent); background: #eef6fb; }
.block-ll-contact-form-split .ll-form__file { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.block-ll-contact-form-split .ll-form__dropzone-ui { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.block-ll-contact-form-split .ll-form__dropzone-ui strong { font: 600 15px/1.5 var(--cfs-font); color: var(--cfs-ink); }
.block-ll-contact-form-split .ll-form__dropzone-ui span { font: 400 14px/1.45 var(--cfs-font); color: #9ca3af; }
.block-ll-contact-form-split .ll-form__browse { border: 0; background: none; padding: 0; font: 600 15px/1.5 var(--cfs-font); color: var(--cfs-ink); cursor: pointer; }
.block-ll-contact-form-split .ll-form__dropzone-count { position: absolute; right: 16px; bottom: 12px; font: 400 14px/1.5 var(--cfs-font); color: #9ca3af; }
.block-ll-contact-form-split .ll-form__filelist { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; width: 100%; }
.block-ll-contact-form-split .ll-form__fileitem { display: flex; align-items: center; justify-content: space-between; gap: 8px; font: 400 13px/1.4 var(--cfs-font); color: var(--cfs-body); background: #fff; border: 1px solid var(--cfs-stroke); border-radius: 6px; padding: 6px 10px; }
.block-ll-contact-form-split .ll-form__fileremove { border: 0; background: none; color: #9ca3af; font-size: 18px; line-height: 1; cursor: pointer; padding: 0 4px; }

/* consent — checkbox sits INLINE right after the text / Privacy Notice link
   (engine markup order: text-span → input → error). Inline flow so the box
   follows the last word; wraps naturally on narrow viewports. Error on its
   own line below. */
.block-ll-contact-form-split .ll-form__consent { display: block; text-align: center; font: 400 15px/1.5 var(--cfs-font); color: var(--cfs-body); }
.block-ll-contact-form-split .ll-form__consent .ll-form__consent-text { display: inline; }
.block-ll-contact-form-split .ll-form__consent input { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-left: 8px; accent-color: var(--cfs-accent); cursor: pointer; }
.block-ll-contact-form-split .ll-form__consent .ll-form__error { display: block; margin-top: 4px; }
.block-ll-contact-form-split .ll-form__consent a { color: var(--cfs-accent); font-weight: 400; text-decoration: none; }

/* submit */
.block-ll-contact-form-split .ll-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	background: var(--cfs-accent);
	border: 0;
	border-radius: 999px;
	padding: 17px 28px;
	font: 700 15px/1.35 var(--cfs-font);
	color: #fff;
	cursor: pointer;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.block-ll-contact-form-split .ll-form__submit:hover { box-shadow: 0 8px 24px rgba(22, 144, 211, 0.35); transform: translateY(-1px); }
.block-ll-contact-form-split .ll-form__submit[disabled] { opacity: 0.6; cursor: default; transform: none; box-shadow: none; }
.block-ll-contact-form-split .ll-form__spinner { display: none; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.5); border-top-color: #fff; border-radius: 50%; animation: cfs-ll-spin 0.7s linear infinite; }
.block-ll-contact-form-split .ll-form.is-loading .ll-form__spinner { display: inline-block; }
.block-ll-contact-form-split .ll-form.is-loading .ll-form__submit-icon { display: none; }
@keyframes cfs-ll-spin { to { transform: rotate(360deg); } }

/* errors + status */
.block-ll-contact-form-split .ll-form__error { display: block; margin-top: 6px; font: 400 12px/1.3 var(--cfs-font); color: #dc2626; }
.block-ll-contact-form-split .has-error { border-color: #dc2626 !important; }
.block-ll-contact-form-split .ll-form__message:empty { display: none; }
.block-ll-contact-form-split .ll-form__message { font: 500 14px/1.45 var(--cfs-font); }
.block-ll-contact-form-split .ll-form__message.is-success { color: #15803d; }
.block-ll-contact-form-split .ll-form__message.is-error { color: #dc2626; }

/* Responsive */
@media (max-width: 1024px) {
	.block-ll-contact-form-split { padding: 56px 0; }
	.block-ll-contact-form-split__inner { flex-direction: column; padding: 0 40px; gap: 32px; }
	.block-ll-contact-form-split__content { flex: none; width: 100%; }
	.block-ll-contact-form-split__card { width: 100%; }
	.block-ll-contact-form-split__heading { font-size: 34px; }
}
@media (max-width: 767px) {
	.block-ll-contact-form-split { padding: 44px 0; }
	.block-ll-contact-form-split__inner { padding: 0 20px; gap: 24px; }
	.block-ll-contact-form-split__heading { font-size: 28px; line-height: 1.25; }
	.block-ll-contact-form-split__card { padding: 24px; }
	.block-ll-contact-form-split__cta { width: 100%; }
}