/**
 * Contact form — Gravity Forms (form ID 1) on the /contact/ page.
 *
 * Restyles the GF 2.10 "Orbital" theme to the SaunaCentral brand. Scoped to
 * the `.sc-contact-form` wrapper div around the shortcode so it never touches
 * any other Gravity Form on the site. Migrated from an inline <style> block in
 * the page content (2026-06-30).
 *
 * Brand tokens (mirrors theme.json): forest green #1B3A2D, gold accent
 * #C8944A, warm card #F9F8F6, border #D6D0C6, Inter body / labels.
 */

.sc-contact-form {
	max-width: 660px;
	background: #F9F8F6;
	border: 1px solid #D6D0C6;
	border-radius: 12px;
	padding: 2rem;
	margin: 2rem 0 1rem;
}

/* Map the Orbital theme's CSS API onto the brand palette. */
.sc-contact-form .gform_wrapper.gform-theme--orbital,
.sc-contact-form .gform-theme--orbital {
	--gf-color-primary: #1B3A2D;
	--gf-color-primary-rgb: 27, 58, 45;
	--gf-color-primary-contrast: #FFFFFF;
	--gf-color-primary-darker: #0F2A1E;
	--gf-color-primary-lighter: #2D5A45;
	--gf-ctrl-bg-color: #FFFFFF;
	--gf-ctrl-color: #1A1A1A;
	--gf-ctrl-border-color: #D6D0C6;
	--gf-ctrl-border-color-hover: #2D5A45;
	--gf-ctrl-border-color-focus: #1B3A2D;
	--gf-ctrl-radius: 8px;
	--gf-ctrl-label-color-primary: #1A1A1A;
	--gf-label-color: #1A1A1A;
	--gf-ctrl-btn-bg-color-primary: #1B3A2D;
	--gf-ctrl-btn-bg-color-hover-primary: #0F2A1E;
	--gf-ctrl-btn-color-primary: #FFFFFF;
	--gf-ctrl-btn-border-color-primary: #1B3A2D;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Name + Email share a row (Orbital's 12-col grid); Subject + Message full width. */
.sc-contact-form .gform_fields {
	gap: 1.1rem 1rem;
}

.sc-contact-form #field_1_1,
.sc-contact-form #field_1_2 {
	grid-column: span 6;
}

.sc-contact-form #field_1_3,
.sc-contact-form #field_1_4 {
	grid-column: 1 / -1;
}

.sc-contact-form .gfield_label,
.sc-contact-form .gform-field-label {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 0.8rem;
	letter-spacing: 0.01em;
	color: #1A1A1A;
	margin-bottom: 0.4rem;
}

.sc-contact-form .gfield_required,
.sc-contact-form .gfield_required_text {
	color: #C8944A;
	font-weight: 700;
}

.sc-contact-form input[type="text"],
.sc-contact-form input[type="email"],
.sc-contact-form textarea {
	font-family: 'Inter', sans-serif !important;
	font-size: 0.95rem;
	line-height: 1.4;
	color: #1A1A1A;
	background: #fff;
	border: 1px solid #D6D0C6;
	border-radius: 8px;
	padding: 0.7rem 0.9rem;
	width: 100%;
	transition: border-color 0.12s, box-shadow 0.12s;
}

.sc-contact-form input[type="text"]:focus,
.sc-contact-form input[type="email"]:focus,
.sc-contact-form textarea:focus {
	outline: none;
	border-color: #1B3A2D;
	box-shadow: 0 0 0 3px rgba(27, 58, 45, 0.12);
	background: #fff;
}

.sc-contact-form textarea {
	resize: vertical;
	min-height: 130px;
}

.sc-contact-form .gform_footer {
	margin-top: 1.25rem;
	padding: 0;
}

.sc-contact-form .gform_footer input[type="submit"],
.sc-contact-form .gform_button {
	background: #1B3A2D !important;
	color: #fff !important;
	border: 1px solid #1B3A2D !important;
	border-radius: 8px !important;
	padding: 0.8rem 1.6rem !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.9rem !important;
	letter-spacing: 0.01em;
	cursor: pointer;
	transition: background 0.15s, transform 0.15s;
	width: auto;
}

.sc-contact-form .gform_footer input[type="submit"]:hover,
.sc-contact-form .gform_button:hover {
	background: #0F2A1E !important;
	transform: translateY(-1px);
}

.sc-contact-form .gform_confirmation_message {
	background: rgba(27, 58, 45, 0.06);
	border: 1px solid rgba(27, 58, 45, 0.18);
	color: #1B3A2D;
	font-weight: 500;
	padding: 1rem 1.15rem;
	border-radius: 8px;
	line-height: 1.5;
}

.sc-contact-form .validation_message,
.sc-contact-form .gfield_validation_message {
	color: #b91c1c;
	font-size: 0.8rem;
	font-weight: 500;
}

@media (max-width: 600px) {
	.sc-contact-form {
		padding: 1.25rem;
	}

	.sc-contact-form #field_1_1,
	.sc-contact-form #field_1_2 {
		grid-column: 1 / -1;
	}

	.sc-contact-form .gform_footer input[type="submit"],
	.sc-contact-form .gform_button {
		width: 100%;
	}
}