/**
 * Third-party plugin styling.
 *
 * The theme hands forms, FAQs and mailing lists to established plugins;
 * this makes them look like they belong to the design. Everything is scoped to
 * each plugin's own classes and only loads when that plugin is running.
 */

/* ---------------------------------------------------------------
 * Shared form controls — WPForms, Gravity Forms, Contact Form 7
 * ------------------------------------------------------------ */

.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="number"],
.wpforms-field select,
.wpforms-field textarea,
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper select,
.gform_wrapper textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
	padding: 12px 14px;
	background: #fff;
	border: var(--fmh-border-width) solid var(--fmh-border);
	border-radius: var(--fmh-btn-radius);
	color: var(--fmh-heading);
	font-family: var(--fmh-font-body);
	font-size: 15px;
}

.wpforms-field input:focus,
.wpforms-field select:focus,
.wpforms-field textarea:focus,
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
	border-color: var(--fmh-accent);
	outline: none;
	box-shadow: 0 0 0 3px rgba(var(--fmh-accent-rgb), .18);
}

.wpforms-field-label,
.gform_wrapper .gfield_label,
.wpcf7 label {
	color: var(--fmh-heading);
	font-family: var(--fmh-font-body);
	font-weight: 700;
	font-size: 14px;
}

/* Their submit buttons take the theme's button shape. */
.wpforms-submit,
.gform_wrapper .gform_button,
.wpcf7 input[type="submit"],
.wpcf7 .wpcf7-submit {
	padding: var(--fmh-btn-pad-y) var(--fmh-btn-pad-x) !important;
	background: var(--fmh-accent) !important;
	border: 2px solid var(--fmh-accent) !important;
	border-radius: var(--fmh-btn-radius) !important;
	color: var(--fmh-on-brand) !important;
	font-family: var(--fmh-font-accent) !important;
	font-size: var(--fmh-btn-size) !important;
	font-weight: var(--fmh-btn-weight) !important;
	letter-spacing: var(--fmh-btn-tracking) !important;
	text-transform: var(--fmh-btn-transform) !important;
	cursor: pointer;
	transition: background-color var(--fmh-transition) ease;
}

.wpforms-submit:hover,
.gform_wrapper .gform_button:hover,
.wpcf7 .wpcf7-submit:hover {
	background: var(--fmh-accent-dark) !important;
	border-color: var(--fmh-accent-dark) !important;
}

/* ---------------------------------------------------------------
 * Ultimate FAQ
 * ------------------------------------------------------------ */

.ewd-ufaq-faq-title,
.ewd-ufaq-post-margin .ewd-ufaq-post-title {
	font-family: var(--fmh-font-heading) !important;
	color: var(--fmh-heading) !important;
	letter-spacing: var(--fmh-heading-spacing);
}

.ewd-ufaq-faq-div,
.ewd-ufaq-post-margin {
	border: var(--fmh-border-width) solid var(--fmh-border);
	border-radius: var(--fmh-radius);
	margin-bottom: 10px;
	background: var(--fmh-card);
}

.ewd-ufaq-faq-title:hover { color: var(--fmh-accent-ink) !important; }

.ewd-ufaq-faq-body { font-family: var(--fmh-font-body); }