/* ==========================================================================
   Farmhouse Consultation Form — Frontend Styles
   Namespace: #fchouse-consult-app / .fchouse-*
   -----------------------------------------------------------------------
   - Font family is NEVER hardcoded. It always inherits the active theme's
     default font stack via `font-family: inherit`.
   - Colors use CSS custom properties (--fchouse-accent etc.) so the accent
     can be re-pointed at the theme's brand color from Customizer ->
     Additional CSS, e.g.:
         #fchouse-consult-app { --fchouse-accent: #yourThemeColor; }
   - Selectors are deliberately scoped under the #fchouse-consult-app ID
     combined with a repeated class, and key properties carry !important,
     so this block cannot be silently overridden by generic theme rules
     such as `a { color: ...; text-decoration: underline; font-size: ...}`
     or `.entry-content h3 { ... }`.
   ========================================================================== */

#fchouse-consult-app.fchouse-consult-app {
	--fchouse-accent: #f2b01e;
	--fchouse-accent-dark: #d99b0d;
	--fchouse-ink: #1c2530;
	--fchouse-panel-bg: #ffffff;
	--fchouse-soft-bg: #f6f7f9;
	--fchouse-border: #e6e9ec;
	--fchouse-muted: #6b7280;
	--fchouse-danger: #d64545;
	--fchouse-danger-bg: #fdecec;
	--fchouse-success: #1c7a3d;
	--fchouse-success-bg: #e9f8ee;
	--fchouse-radius-lg: 16px;
	--fchouse-radius-md: 12px;
	--fchouse-radius-sm: 8px;
	--fchouse-shadow: 0 12px 32px rgba(20, 30, 40, 0.07);

	display: block;
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0;
	font-family: inherit !important;
	color: var(--fchouse-ink);
	box-sizing: border-box;
	line-height: 1.55 !important;
}

#fchouse-consult-app.fchouse-consult-app,
#fchouse-consult-app.fchouse-consult-app *,
#fchouse-consult-app.fchouse-consult-app *::before,
#fchouse-consult-app.fchouse-consult-app *::after {
	box-sizing: border-box;
	font-family: inherit !important;
	-webkit-font-smoothing: antialiased;
}

/* Icons are plain inline SVG (.fchouse-svg-icon) — no icon font or
   external/CDN link is loaded, so nothing here can clash with the
   theme's own icons elsewhere on the site. */
#fchouse-consult-app.fchouse-consult-app .fchouse-svg-icon {
	display: inline-block;
	vertical-align: middle;
}

/* ---------- Layout grid: 40% left / 60% right, equal height ---------- */
.fchouse-consult-app .fchouse-consult-grid {
	display: grid;
	grid-template-columns: 2fr 3fr; /* 40% / 60% */
	align-items: stretch;
	gap: 26px;
	width: 100%;
}

.fchouse-consult-app .fchouse-info-col,
.fchouse-consult-app .fchouse-form-col {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100%;
}

.fchouse-consult-app .fchouse-info-col {
	gap: 20px;
}

/* ---------- Shared panel/card look ---------- */
.fchouse-consult-app .fchouse-panel {
	background: var(--fchouse-panel-bg) !important;
	border: 1px solid var(--fchouse-border);
	border-radius: var(--fchouse-radius-lg);
	box-shadow: var(--fchouse-shadow);
	padding: 30px;
}

.fchouse-consult-app .fchouse-panel-company {
	flex: 1 1 auto;
}

.fchouse-consult-app .fchouse-panel-contact {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

/* ---------- Headings inside the widget — reset theme heading styles ---------- */
.fchouse-consult-app h2.fchouse-form-title,
.fchouse-consult-app h3.fchouse-panel-heading {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	font-family: inherit !important;
	color: var(--fchouse-ink) !important;
}

.fchouse-consult-app h3.fchouse-panel-heading {
	font-size: 1.28rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin-bottom: 18px !important;
}

.fchouse-consult-app h2.fchouse-form-title {
	font-size: 1.7rem !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-align: center;
	margin-bottom: 28px !important;
}

.fchouse-consult-app .fchouse-icon-circle {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--fchouse-soft-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

.fchouse-consult-app .fchouse-icon-circle .fchouse-svg-icon {
	width: 26px;
	height: 26px;
	color: var(--fchouse-accent-dark);
}

/* ---------- Company info list ---------- */
.fchouse-consult-app ul.fchouse-info-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.fchouse-consult-app ul.fchouse-info-list li {
	font-size: 0.96rem !important;
	line-height: 1.55 !important;
	color: var(--fchouse-ink) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.fchouse-consult-app .fchouse-info-label {
	font-weight: 700 !important;
	color: var(--fchouse-ink) !important;
}

/* ---------- Contact rows (phone / email) ---------- */
.fchouse-consult-app .fchouse-contact-row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.fchouse-consult-app .fchouse-contact-icon {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: transparent !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fchouse-consult-app .fchouse-contact-icon .fchouse-svg-icon {
	width: 20px;
	height: 20px;
	color: #ffffff !important;
}

.fchouse-consult-app .fchouse-contact-text {
	min-width: 0;
}

.fchouse-consult-app span.fchouse-contact-label {
	display: block !important;
	font-size: 0.82rem !important;
	font-weight: 400 !important;
	color: var(--fchouse-muted) !important;
	margin-bottom: 3px !important;
	text-decoration: none !important;
}

/* Hard reset for anchor tags so the active theme's global `a{}` rules
   (large font-size, underline, brand color, etc.) cannot bleed in. */
.fchouse-consult-app a.fchouse-contact-link,
.fchouse-consult-app .fchouse-contact-text a.fchouse-contact-link {
	display: block !important;
	font-size: 1.08rem !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	font-family: inherit !important;
	text-decoration: none !important;
	border-bottom: none !important;
	color: var(--fchouse-ink) !important;
	word-break: break-word;
	transition: color 0.15s ease;
}

.fchouse-consult-app a.fchouse-contact-link:hover,
.fchouse-consult-app a.fchouse-contact-link:focus {
	color: var(--fchouse-accent-dark) !important;
	text-decoration: none !important;
}

.fchouse-consult-app a.fchouse-contact-link-email {
	word-break: break-all;
}

/* ---------- Form column ---------- */
.fchouse-consult-app .fchouse-form-col {
	justify-content: flex-start;
}

.fchouse-consult-app form.fchouse-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1 1 auto;
	margin: 0 !important;
}

.fchouse-consult-app .fchouse-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.fchouse-consult-app .fchouse-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fchouse-consult-app .fchouse-field-full {
	flex: 1 1 auto;
}

.fchouse-consult-app .fchouse-field label {
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	color: var(--fchouse-ink) !important;
	font-family: inherit !important;
	margin: 0 !important;
}

.fchouse-consult-app .fchouse-required {
	color: var(--fchouse-danger) !important;
}

.fchouse-consult-app .fchouse-field input,
.fchouse-consult-app .fchouse-field textarea {
	width: 100%;
	padding: 13px 15px;
	border: 1.5px solid var(--fchouse-border) !important;
	border-radius: var(--fchouse-radius-sm);
	background: var(--fchouse-soft-bg) !important;
	font-size: 0.96rem !important;
	font-family: inherit !important;
	color: var(--fchouse-ink) !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
	appearance: none;
}

.fchouse-consult-app .fchouse-field textarea {
	resize: vertical;
	min-height: 130px;
}

.fchouse-consult-app .fchouse-field input::placeholder,
.fchouse-consult-app .fchouse-field textarea::placeholder {
	color: var(--fchouse-muted);
	opacity: 0.8;
}

.fchouse-consult-app .fchouse-field input:focus,
.fchouse-consult-app .fchouse-field textarea:focus {
	outline: none !important;
	border-color: var(--fchouse-accent) !important;
	box-shadow: 0 0 0 4px rgba(242, 176, 30, 0.16) !important;
	background: #ffffff !important;
}

.fchouse-consult-app .fchouse-field.fchouse-invalid input,
.fchouse-consult-app .fchouse-field.fchouse-invalid textarea {
	border-color: var(--fchouse-danger) !important;
	background: var(--fchouse-danger-bg) !important;
}

.fchouse-consult-app .fchouse-error-msg {
	font-size: 0.8rem !important;
	color: var(--fchouse-danger) !important;
	min-height: 1.1em;
	display: block;
	font-family: inherit !important;
}

.fchouse-consult-app .fchouse-hp-field {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ---------- Submit button ---------- */
.fchouse-consult-app .fchouse-submit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	align-self: flex-start;
	margin-top: 4px;
	padding: 15px 38px;
	border: none !important;
	border-radius: 999px;
	background: var(--fchouse-accent) !important;
	color: #1c1c1c !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	font-family: inherit !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: background 0.15s ease, transform 0.08s ease, box-shadow 0.15s ease;
	box-shadow: 0 8px 18px rgba(242, 176, 30, 0.28);
}

.fchouse-consult-app .fchouse-submit-btn:hover {
	background: var(--fchouse-accent-dark) !important;
	transform: translateY(-1px);
}

.fchouse-consult-app .fchouse-submit-btn:active {
	transform: translateY(1px);
}

.fchouse-consult-app .fchouse-submit-btn[disabled] {
	opacity: 0.75;
	cursor: not-allowed;
	transform: none;
}

.fchouse-consult-app .fchouse-btn-spinner {
	display: none;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid rgba(28, 28, 28, 0.25);
	border-top-color: #1c1c1c;
	animation: fchouse-spin 0.7s linear infinite;
}

.fchouse-consult-app .fchouse-submit-btn.fchouse-is-loading .fchouse-btn-spinner {
	display: inline-block;
}

@keyframes fchouse-spin {
	to { transform: rotate(360deg); }
}

/* ---------- Success / error notice ---------- */
.fchouse-consult-app .fchouse-form-notice {
	display: none;
	align-items: center;
	gap: 10px;
	margin-top: 2px;
	padding: 13px 16px;
	border-radius: var(--fchouse-radius-sm);
	font-size: 0.92rem !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
}

.fchouse-consult-app .fchouse-form-notice.fchouse-notice-success {
	display: flex;
	background: var(--fchouse-success-bg) !important;
	color: var(--fchouse-success) !important;
	border: 1px solid #bfe8cc;
}

.fchouse-consult-app .fchouse-form-notice.fchouse-notice-error {
	display: flex;
	background: var(--fchouse-danger-bg) !important;
	color: #b3261e !important;
	border: 1px solid #f5c2c0;
}

/* ---------- Responsive breakpoints ---------- */
@media (max-width: 992px) {
	.fchouse-consult-app .fchouse-consult-grid {
		grid-template-columns: 1fr;
	}

	.fchouse-consult-app .fchouse-info-col,
	.fchouse-consult-app .fchouse-form-col {
		height: auto;
	}
}

@media (max-width: 640px) {
	.fchouse-consult-app .fchouse-panel {
		padding: 22px;
	}

	.fchouse-consult-app .fchouse-form-row {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.fchouse-consult-app h2.fchouse-form-title {
		font-size: 1.4rem !important;
	}

	.fchouse-consult-app .fchouse-submit-btn {
		width: 100%;
	}

	.fchouse-consult-app a.fchouse-contact-link {
		font-size: 1rem !important;
	}
}

@media (max-width: 400px) {
	.fchouse-consult-app .fchouse-panel {
		padding: 18px;
		border-radius: var(--fchouse-radius-md);
	}
}