/*
Theme Name:     Foundational Fee Consulting
Theme URI:      n/a
Template:       kadence
Author:         Haven Marketing
Author URI:     n/a
Description:    FFC Kadence child theme. CSS here is the LAST resort — styling lives in Kadence block settings and theme options wherever the UI can express it.
Version:        1.0.1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Equal-height card interiors (the one thing Kadence columns can't do in-block).
   Opt-in via the ffc-card class on a kadence/column. */
.wp-block-kadence-column.ffc-card { height: 100%; }
.ffc-card > .kt-inside-inner-col { height: 100%; box-sizing: border-box; }

/* CTA gains list: two content-width columns centered as a unit, check marks left-aligned
   (blocks cannot express max-content grid tracks — Lisa 8/26: "align check marks"). */
@media (min-width: 768px) {
	.ffc-cta-list ul.kt-svg-icon-list {
		grid-template-columns: repeat(2, max-content);
		justify-content: center;
		column-gap: 44px;
	}
}
@media (max-width: 767px) {
	.ffc-cta-list ul.kt-svg-icon-list {
		grid-template-columns: max-content;
		justify-content: center;
	}
}
.ffc-cta-list ul.kt-svg-icon-list li.kt-svg-icon-list-item-wrap {
	justify-content: flex-start;
	text-align: left;
}

/* ---- Fluent Forms: match the site's type + controls (FF is not a Kadence block, so this
   is the one place form styling can live). Scoped to .fluentform only. ---- */
.fluentform .ff-el-input--label label {
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--global-palette4);
	margin-bottom: 6px;
}
.fluentform .ff-el-form-control {
	font-family: inherit;
	font-size: 17px;
	line-height: 1.4;
	color: var(--global-palette3);
	background: #ffffff;
	border: 1px solid var(--global-palette7);
	border-radius: 4px;
	padding: 12px 14px;
	box-shadow: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.fluentform .ff-el-form-control::placeholder { color: #9a9fbb; }
.fluentform .ff-el-form-control:focus {
	border-color: var(--global-palette4);
	box-shadow: 0 0 0 3px rgba(37, 41, 78, 0.12);
	outline: none;
}
.fluentform textarea.ff-el-form-control { min-height: 140px; }
.fluentform .ff-el-group { margin-bottom: 20px; }
.fluentform .ff-el-is-error .ff-el-form-control { border-color: #a04d1e; }
.fluentform .error.text-danger { font-size: 15px; line-height: 1.3; color: #a04d1e; }
.fluentform .ff-el-input--label.ff-el-is-required > span { color: #a04d1e; }
.fluentform .ff-btn-submit {
	font-family: inherit;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	padding: 13px 30px;
	border: none;
	border-radius: 4px;
	background: var(--global-palette2);
	color: #ffffff;
	transition: background 0.15s ease;
}
.fluentform .ff-btn-submit:hover,
.fluentform .ff-btn-submit:focus-visible {
	background: var(--global-palette4);
	color: #ffffff;
}
.ff-message-success {
	font-size: 17px;
	line-height: 1.5;
	color: var(--global-palette4);
	background: #faf1e9;
	border: 1px solid #e8c9b2;
	border-radius: 8px;
	padding: 18px 20px;
}
.fluentform form { margin-bottom: 0; }
.fluentform form .ff-el-group:last-child { margin-bottom: 0; }

/* Short pages: Kadence's footer-on-bottom stretches main#inner-wrap past the last row, and
   the filler shows the theme's white page background. Tint the wrapper to match the page's
   final band so the color runs to the footer. Slug-targeted (see body_class in functions.php)
   because post IDs change on deploy. */
body.ffc-page-thank-you #inner-wrap { background-color: #eef0f6; }