/*
 * Fluent Forms style overrides.
 *
 * Fluent Forms ships its own CSS classes (.ff-el-form-control, .ff-btn, etc.)
 * — this file reskins those to match the site's existing button/input system
 * (see main.css .btn / input styles) rather than the plugin's defaults.
 *
 * Fill in exact selectors once the "email me this recipe" and Guides forms
 * are built in wp-admin and their real markup can be inspected — these are
 * the known target classes as of Fluent Forms' current version.
 */

.ff-el-form-control {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	padding: 13px 16px;
	border: 1px solid #d6d4cf;
	border-radius: 0;
}

.ff-btn,
.ff-btn-submit {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	background: var(--red);
	color: var(--white);
	border: none;
	border-radius: 0;
	padding: 13px 22px;
}

.ff-btn:hover,
.ff-btn-submit:hover {
	background: var(--black);
}