/* E1-29 — Enquire/Contact Fluent Form (id=6) cascade override.
 * FluentForms prints its own stylesheets AND an inline <style> tag (the submit-button colour)
 * mid-body, from inside the [fluentform] shortcode's own output — not through the normal
 * wp_head() queue — so any override enqueued in <head> (Elementor Kit Custom CSS, WP core
 * Additional CSS) always loses the cascade tie, landing earlier in the document than FF's own
 * assets. This file is deliberately printed from a late wp_footer hook (see
 * mykish-core-pages.php) so it always lands after FF's shortcode output. Scoped to
 * .mk-form-card (the contact.php form wrapper) — never touches FF markup elsewhere.
 * !important is used only on the submit button, which fights FF's own inline <style> tag
 * targeting the identical selector — a true same-element specificity/order tie.
 */

.mk-form-card {
	--fluentform-primary: var(--mk-teal);
}

.mk-form-card .fluentform,
.mk-form-card .fluentform input,
.mk-form-card .fluentform select,
.mk-form-card .fluentform textarea,
.mk-form-card .fluentform label,
.mk-form-card .fluentform button {
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.mk-form-card .ff-el-input--label label {
	font-weight: 600;
	font-size: 0.85rem;
	line-height: 1.4;
	color: var(--mk-ink);
	letter-spacing: 0.01em;
	margin-bottom: 8px;
}

.mk-form-card .ff-el-form-control {
	min-height: 48px;
	padding: 12px 16px;
	border: 1.5px solid var(--mk-border);
	border-radius: var(--mk-r-btn);
	font-size: 16px;
	line-height: 1.5;
	color: var(--mk-ink);
	transition: border-color 0.2s var(--mk-ease), box-shadow 0.2s var(--mk-ease);
}
.mk-form-card textarea.ff-el-form-control { min-height: 120px; }

.mk-form-card .ff-el-form-control:focus {
	border-color: var(--mk-teal);
	box-shadow: 0 0 0 3px rgba(0,194,203,0.18);
	outline: none;
}

.mk-form-card .ff-el-form-check-label,
.mk-form-card .ff-el-form-check-label span {
	font-size: 0.95rem;
	color: var(--mk-ink);
}

.mk-form-card .ff-btn-submit.ff_btn_style,
.mk-form-card .ff-btn-submit:not(.ff_btn_no_style) {
	background-color: var(--mk-ink) !important;
	border-color: var(--mk-ink) !important;
	color: var(--mk-white) !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 700;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 16px 40px;
	min-height: 52px;
	border-radius: var(--mk-r-btn);
	transition: background-color 0.2s var(--mk-ease);
}
.mk-form-card .ff-btn-submit.ff_btn_style:hover,
.mk-form-card .ff-btn-submit:not(.ff_btn_no_style):hover,
.mk-form-card .ff-btn-submit.ff_btn_style:focus-visible,
.mk-form-card .ff-btn-submit:not(.ff_btn_no_style):focus-visible {
	/* A8-AMEND (PO 2026-08-22): fill was --mk-teal-dark #009a9e = 3.43:1 with white, FAILS AA. Now --mk-teal-text #00787b = 5.29:1. */
	background-color: var(--mk-teal-text) !important;
	border-color: var(--mk-teal-text) !important;
	color: var(--mk-white) !important;
	opacity: 1;
}
