/**
 * Footer newsletter (Forminator) — match prior Klaviyo footer look.
 * Scoped to .blueoak-footer-newsletter-wrap so it works with any form ID.
 * Loaded late (after Forminator) so these rules win.
 */

.blueoak-footer-newsletter-wrap {
	max-width: 450px;
	width: 100%;
}

.blueoak-footer-newsletter-wrap .forminator-ui.forminator-custom-form::before {
	content: "Enter your email for exclusive offers, updates, and more";
	display: block !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: #fff !important;
	font-family: Rubik, Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.3 !important;
	text-align: left !important;
}

.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat {
	max-width: 450px !important;
	width: 100% !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
}

.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-label,
.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-description {
	display: none !important;
}

.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-row {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Email field row */
.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-row:has(#email-1),
.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-row:has(.forminator-field-email) {
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: calc(100% - 62px) !important;
	order: 1 !important;
}

/* Submit arrow */
.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-row.forminator-row-last {
	flex: 0 0 56px !important;
	width: 56px !important;
	max-width: 56px !important;
	margin: 0 0 0 6px !important;
	order: 2 !important;
}

/* Captcha under the email+button row */
.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-row:has(#captcha-1),
.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-row:has(.forminator-field-captcha) {
	flex: 1 1 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	order: 3 !important;
	margin-top: 10px !important;
}

.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-field,
.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-col {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-input.forminator-email--field,
.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat input[type="email"] {
	background-color: transparent !important;
	background-image: none !important;
	outline: none !important;
	border: 1px solid #fff !important;
	border-radius: 4px !important;
	height: 54px !important;
	min-height: 54px !important;
	line-height: 54px !important;
	padding: 0 16px !important;
	color: #fff !important;
	width: 100% !important;
	font-family: Rubik, Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	box-shadow: none !important;
}

.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat input[type="email"]::placeholder {
	color: rgba(255, 255, 255, 0.85) !important;
	opacity: 1 !important;
}

.blueoak-footer-newsletter-wrap .forminator-ui.forminator-design--flat .forminator-button.forminator-button-submit {
	background-color: transparent !important;
	background-image: url(https://d3k81ch9hvuctc.cloudfront.net/company/T5QzbQ/images/f61fdec5-f4b4-4043-8940-ed4be44b4881.png) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 40px !important;
	border: 0 !important;
	border-radius: 0 !important;
	height: 54px !important;
	width: 56px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-indent: -99999px !important;
	overflow: hidden !important;
	min-width: 56px !important;
	max-width: 56px !important;
	box-shadow: none !important;
	color: transparent !important;
	font-size: 0 !important;
}
