/*
 * Form fields — used by lead / financing / trade / contact forms (Fluent Forms
 * inherits these when the wrapper carries .fd-form). Keep inputs tall + legible.
 */

.fd-form { display: grid; gap: 1rem; }

.fd-field { display: grid; gap: 0.35rem; }
.fd-label {
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	color: var(--fd-navy-800);
}

.fd-input,
.fd-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.fd-form select,
.fd-form textarea {
	width: 100%;
	padding: 0.8rem 1rem;
	font: inherit;
	color: var(--fd-ink-700);
	background: var(--fd-white);
	border: 1px solid var(--fd-line);
	border-radius: var(--fd-r-md);
	transition: border-color var(--fd-transition), box-shadow var(--fd-transition);
}
.fd-input:focus,
.fd-form input:focus,
.fd-form select:focus,
.fd-form textarea:focus {
	outline: none;
	border-color: var(--fd-orange-500);
	box-shadow: 0 0 0 3px rgba(238, 138, 46, 0.18);
}
.fd-form textarea { min-height: 8rem; resize: vertical; }

.fd-field--error .fd-input { border-color: #c0392b; }
.fd-form__note { font-size: var(--wp--preset--font-size--xs); color: var(--fd-ink-500); }

/* On navy backgrounds (e.g. footer newsletter). */
.fd-section--navy .fd-label { color: var(--fd-mist); }
.fd-section--navy .fd-input { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.18); color: var(--fd-white); }
.fd-section--navy .fd-input::placeholder { color: var(--fd-steel-300); }