/*
 * LiveGreenlee Community Intake -- Phase 1 static chrome.
 * Consumes the site's real, live design-system tokens (--global-palette1..9,
 * --lg-surface -- defined sitewide by the theme's own "lg-design-system-v1"
 * CSS block; never redefined here) per the implementation plan's §11.
 */

.lg-intake {
	max-width: 720px;
	margin: 0 auto;
}

.lg-intake__intro {
	font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--global-palette5);
	margin-bottom: 2rem;
}

.lg-intake__card {
	background: var(--lg-surface);
	border: 1px solid #8F7444;
	border-radius: 6px;
	padding: 1.5rem;
}

/* Phase 2: field-map-driven form fields. */

.lg-intake__form {
	font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.lg-field {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.lg-field label {
	font-weight: 600;
	color: var(--global-palette5);
}

.lg-field__required {
	color: #8F7444;
}

.lg-field input[type="text"],
.lg-field input[type="email"],
.lg-field input[type="tel"],
.lg-field input[type="url"],
.lg-field input[type="number"],
.lg-field input[type="date"],
.lg-field input[type="datetime-local"],
.lg-field select,
.lg-field textarea {
	font-family: inherit;
	font-size: 1rem;
	padding: 0.5rem 0.65rem;
	border: 1px solid #8F7444;
	border-radius: 4px;
	background: #fff;
	color: var(--global-palette5);
	max-width: 100%;
}

.lg-field textarea {
	resize: vertical;
}

.lg-field__checkbox-group {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.lg-field__checkbox-option {
	font-weight: 400 !important;
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

/* Bugfix (2026-09-24): default browser checkboxes (~13px) read as too
   small on this form -- covers every checkbox in the form, both
   single-checkbox fields (consent_to_contact, rights_confirmation,
   accuracy_acknowledgement, etc.) and multiselect checkbox groups. */
.lg-field input[type="checkbox"] {
	width: 1.25rem;
	height: 1.25rem;
	accent-color: #8F7444;
	flex-shrink: 0;
	cursor: pointer;
}

.lg-intake__form button[type="submit"] {
	align-self: flex-start;
	margin-top: 0.5rem;
}

.lg-intake__form button[type="submit"]:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Phase 3: honeypot -- visually hidden, never display:none/type=hidden
   (some bots specifically skip those). Off-screen, not focusable. */
.lg-intake__honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.lg-intake__error {
	font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: #A8532F;
	background: #FAF6EC;
	border: 1px solid #A8532F;
	border-radius: 4px;
	padding: 0.65rem 0.85rem;
	margin: 0 0 1rem;
}

/* Phase 3 (plan §12): thank-you state, same .lg-intake tokens as the form. */
.lg-intake__result {
	background: var(--lg-surface);
	border: 1px solid #8F7444;
	border-radius: 6px;
	padding: 2rem 1.5rem;
	text-align: center;
	font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.lg-intake__result:focus {
	outline: none;
}

.lg-intake__check {
	color: var(--global-palette6);
	margin-bottom: 0.5rem;
}

.lg-intake__thankyou h2 {
	font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
	color: var(--global-palette3);
	margin: 0.25rem 0 0.75rem;
}

.lg-intake__thankyou p {
	color: var(--global-palette5);
	margin: 0 0 0.75rem;
}

.lg-intake__reference {
	font-weight: 600;
	color: var(--global-palette6) !important;
}

.lg-intake__thankyou-actions {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.kb-button--outline {
	background: transparent !important;
	color: var(--global-palette2) !important;
	border: 1px solid var(--global-palette2);
}