/**
 * Application Form block — front + editor styles, bound to theme tokens.
 */

.fnkit-form {
	/* Full-bleed band; fields are centered to --fnkit-content (set in
	   appearance.css) rather than capping the whole block here. */
	max-width: none;
}

.fnkit-form__heading {
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-weight: var(--fnkit-heading-weight);
	text-transform: var(--fnkit-heading-case);
	letter-spacing: var(--fnkit-heading-tracking);
	font-size: var(--fnkit-heading-size);
	margin: 0 0 0.5rem;
}

.fnkit-form__intro {
	color: var(--wp--preset--color--muted, #696b70);
	margin: 0 0 var(--wp--preset--spacing--40, 1.25rem);
}

.fnkit-form__success {
	padding: var(--wp--preset--spacing--40, 1.25rem);
	border-radius: 6px;
	background: var(--fnkit-card);
	border-left: 4px solid var(--wp--preset--color--accent, #c8102e);
	font-weight: 600;
}

.fnkit-form__error {
	padding: 0.75rem 1rem;
	border-radius: 6px;
	background: color-mix( in srgb, var(--wp--preset--color--accent, #c8102e) 12%, transparent );
	color: var(--fnkit-accent-text, var(--wp--preset--color--accent, #c8102e));
	margin: 0 0 var(--wp--preset--spacing--30, 1rem);
}

.fnkit-field {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	margin: 0 0 var(--wp--preset--spacing--30, 1rem);
}

.fnkit-field label {
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	font-weight: 600;
}

.fnkit-field input,
.fnkit-field select,
.fnkit-field textarea {
	box-sizing: border-box; /* keep width:100% + padding inside the field (the editor iframe lacks the global border-box reset, so fields overflowed) */
	width: 100%;
	padding: 0.6rem 0.7rem;
	border: 1px solid var(--wp--preset--color--border, #d9dadb);
	border-radius: 6px;
	background: var(--wp--preset--color--bg, #fff);
	color: var(--wp--preset--color--text, #14181f);
	font: inherit;
}

.fnkit-field input:focus,
.fnkit-field select:focus,
.fnkit-field textarea:focus {
	outline: 2px solid var(--wp--preset--color--accent, #c8102e);
	outline-offset: 1px;
	border-color: transparent;
}

.fnkit-field--submit {
	margin-top: var(--wp--preset--spacing--40, 1.25rem);
}
/* The submit sits in a flex column, so the button stretches full-width. A
 * stretched/block .wp-element-button does not center its own label (same reason
 * the header CTA needs it explicitly), so center it here. */
.fnkit-field--submit .wp-element-button {
	text-align: center;
	justify-content: center;
}