/* ============================================================================
 * ea-site.css — site-wide fixes that replace dead Space Auto behavior.
 * Loaded on every page. Pairs with ea-site.js.
 *
 * Eagle Approved's mirrored pages are regular WordPress/Beaver Builder pages
 * (body.page-template-default) — the main content lives in #fl-main-content and
 * is NOT gated behind a Space Auto SPA hide-rule (unlike EVM's SRP/VDP). The
 * defensive rule below just guarantees the content stays visible regardless of
 * any leftover theme state.
 * ========================================================================== */

/* ---- Deterministic content visibility (defensive) ------------------------ */
#fl-main-content,
.fl-page-content,
.fl-builder-content { display: block !important; }

/* ---- Hide the dead Space Auto header search UI --------------------------- *
 * The search inputs call window.$sp_suggestions (deleted in the strip); ea-site.js
 * disables them, and these rules remove their chrome (input, button, dropdown,
 * and the search columns the theme already half-hid). */
.space-v3-search,
.space-v3-search-btn,
.space-v3-suggestions,
.search-v5-icon,
.space-header-v3-column-search,
.space-header-v3-search-wrap,
input[id^="space-search"] { display: none !important; }

/* ---- Working mobile menu (replaces the dead Space Auto off-canvas) -------- */
.ea-mnav {
	position: fixed;
	inset: 0;
	z-index: 2147483647; /* above the sticky header wrapper */
	visibility: hidden;
}
.ea-mnav.is-open { visibility: visible; }
.ea-mnav-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: opacity .25s ease;
}
.ea-mnav.is-open .ea-mnav-backdrop { opacity: 1; }
.ea-mnav-inner {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 84%;
	max-width: 340px;
	background: #fff;
	box-shadow: -4px 0 24px rgba(0, 0, 0, .22);
	transform: translateX(100%);
	transition: transform .28s ease;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.ea-mnav.is-open .ea-mnav-inner { transform: translateX(0); }
.ea-mnav-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 18px;
	border-bottom: 1px solid #eee;
}
.ea-mnav-header span { font-weight: 700; font-size: 15px; color: #fb3334; letter-spacing: .5px; }
.ea-mnav-close {
	background: none;
	border: 0;
	font-size: 30px;
	line-height: 1;
	color: #272727;
	cursor: pointer;
	padding: 0 4px;
}
.ea-mnav ul { list-style: none; margin: 0; padding: 0; }
.ea-mnav li { border-bottom: 1px solid #f0f0f0; }
.ea-mnav a {
	display: block;
	padding: 15px 22px;
	color: #272727;
	text-decoration: none;
	font-size: 17px;
	font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}
.ea-mnav a:active, .ea-mnav a:hover { background: #f6f6f6; }
.ea-mnav a.ea-mnav-call { color: #fb3334; font-weight: 700; }

/* ---- Basic mobile responsiveness safety nets ----------------------------- */
img { max-width: 100%; height: auto; }
@media (max-width: 700px) {
	.fl-row-content-wrap { padding-left: 16px; padding-right: 16px; }
}

/* ---- Credit application form (full app on /get-approved/) ----------------- *
 * Adapted from EVM's evm-site.css credit-app styles (the .evm-ca-* classes the
 * full credit-application markup depends on). EA red accent (#fb3334). Pairs
 * with evm/evm-forms.css + evm-ui/forms.css (.evm-form, .evm-field, .evm-btn). */
.evm-ca-card { max-width: 1040px; margin: 0 auto; }
.evm-credit-app .evm-ca-section {
	border: 1px solid #e3e7eb; border-radius: 12px; padding: 20px 22px 24px;
	margin: 0 0 22px; background: #fff;
}
.evm-credit-app legend {
	font-family: 'Poppins','Helvetica Neue',Arial,sans-serif; font-weight: 700;
	font-size: 18px; color: #fb3334; padding: 0 8px;
}
.evm-ca-subhead { margin: 2px 0 16px; color: #6b7177; font-size: 14px; }
.evm-ca-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 16px; }
.evm-credit-app .evm-field { display: flex; flex-direction: column; }
.evm-credit-app .evm-field.evm-ca-wide { grid-column: 1 / -1; }
.evm-credit-app label { font-size: 13px; font-weight: 600; color: #3c434a; margin-bottom: 5px; }
.evm-credit-app .evm-req { color: #fb3334; }
.evm-credit-app input, .evm-credit-app select, .evm-credit-app textarea {
	padding: 11px 12px; border: 1px solid #ccd2d8; border-radius: 8px;
	font-size: 15px; font-family: inherit; color: #272727; background: #fff; width: 100%;
}
.evm-credit-app input:focus, .evm-credit-app select:focus, .evm-credit-app textarea:focus {
	outline: 2px solid #fb3334; outline-offset: 1px; border-color: #fb3334;
}
.evm-ca-ssn { position: relative; display: block; }
.evm-ca-ssn input { padding-right: 62px; }
.evm-ca-eye {
	position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
	border: 0; background: #f0f2f4; color: #3c434a; font-size: 12px; font-weight: 600;
	padding: 5px 9px; border-radius: 6px; cursor: pointer;
}
.evm-ca-consent { background: #fafbfc; }
.evm-ca-check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px;
	font-weight: 400; color: #3c434a; margin-bottom: 14px; line-height: 1.45; }
.evm-ca-check input { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; }
.evm-ca-fineprint { font-size: 12.5px; color: #6b7177; line-height: 1.5; margin: 4px 0 0; }
.evm-ca-turnstile { margin: 4px 0 18px; }
.evm-ca-submit { margin-top: 4px; font-size: 17px; padding: 14px 34px; }
.evm-ca-status { margin-top: 14px; font-size: 15px; }
.evm-ca-status.evm-ca-err { color: #fb3334; font-weight: 600; }
.evm-ca-done { text-align: center; padding: 30px 10px; }
.evm-ca-done h2 { color: #1a7f37; }
@media (max-width: 880px) { .evm-ca-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .evm-ca-grid { grid-template-columns: 1fr; } }