/**
 * Panoline footer / newsletter subscriber form (MetForm).
 */

#mf-response-props-id-1101,
.elementor-widget-metform:has(#mf-response-props-id-1101) {
	--pn-sub-teal: #00d4d8;
	--pn-sub-black: #050505;
	--pn-sub-muted: rgba(255, 255, 255, 0.62);
	--pn-sub-border: rgba(255, 255, 255, 0.16);
	--pn-sub-field-bg: rgba(255, 255, 255, 0.06);
	--pn-sub-radius: 10px;
	font-family: 'Montserrat', sans-serif;
}

#mf-response-props-id-1101 .metform-form-content,
#mf-response-props-id-1101 .metform-form-main-wrapper,
#mf-response-props-id-1101 .mf-form-wrapper,
#mf-response-props-id-1101 .e-con,
#mf-response-props-id-1101 .e-con-inner,
#mf-response-props-id-1101 .elementor-container,
#mf-response-props-id-1101 .elementor-column,
#mf-response-props-id-1101 .elementor-widget-wrap,
#mf-response-props-id-1101 .elementor-widget-container {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

#mf-response-props-id-1101 .metform-form-main-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	width: 100%;
}

#mf-response-props-id-1101 .metform-form-main-wrapper > .e-con,
#mf-response-props-id-1101 .metform-form-main-wrapper > .e-con > .e-con-inner,
#mf-response-props-id-1101 .mf-form-wrapper > .e-con,
#mf-response-props-id-1101 .mf-form-wrapper > .e-con > .e-con-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	gap: 0.65rem !important;
	width: 100% !important;
	max-width: 100% !important;
}

#mf-response-props-id-1101 .elementor-widget-mf-email,
#mf-response-props-id-1101 .elementor-widget-mf-button {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
}

#mf-response-props-id-1101 .elementor-widget-mf-button {
	flex: 0 0 auto;
}

#mf-response-props-id-1101 .mf-input-wrapper {
	margin: 0 !important;
	width: 100%;
}

#mf-response-props-id-1101 .mf-input-label {
	display: none !important;
}

#mf-response-props-id-1101 .mf-input {
	width: 100% !important;
	min-height: 48px;
	padding: 0.85rem 1.1rem !important;
	border-radius: var(--pn-sub-radius) !important;
	border: 1px solid var(--pn-sub-border) !important;
	background: var(--pn-sub-field-bg) !important;
	color: #fff !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 0.92rem !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#mf-response-props-id-1101 .mf-input::placeholder {
	color: rgba(255, 255, 255, 0.42) !important;
	opacity: 1;
}

#mf-response-props-id-1101 .mf-input:hover {
	border-color: rgba(255, 255, 255, 0.28) !important;
	background: rgba(255, 255, 255, 0.09) !important;
}

#mf-response-props-id-1101 .mf-input:focus {
	outline: none !important;
	border-color: var(--pn-sub-teal) !important;
	background: rgba(255, 255, 255, 0.1) !important;
	box-shadow:
		0 0 0 3px rgba(0, 212, 216, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

#mf-response-props-id-1101 .mf-btn-wraper,
#mf-response-props-id-1101 .mf-button {
	margin: 0 !important;
	width: auto;
}

#mf-response-props-id-1101 .mf-button button,
#mf-response-props-id-1101 button[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem;
	min-height: 48px;
	min-width: 132px;
	padding: 0.85rem 1.35rem !important;
	border-radius: var(--pn-sub-radius) !important;
	border: 2px solid var(--pn-sub-teal) !important;
	background: var(--pn-sub-teal) !important;
	color: var(--pn-sub-black) !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	cursor: pointer;
	white-space: nowrap;
	box-shadow: 0 10px 28px rgba(0, 212, 216, 0.24) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

#mf-response-props-id-1101 .mf-button button:hover,
#mf-response-props-id-1101 button[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 34px rgba(0, 212, 216, 0.34) !important;
	background: #00d4d8 !important;
	color: #050505 !important;
}

#mf-response-props-id-1101 .mf-button button:focus-visible,
#mf-response-props-id-1101 button[type="submit"]:focus-visible {
	outline: 2px solid var(--pn-sub-teal);
	outline-offset: 3px;
}

#mf-response-props-id-1101 .mf-error-message,
#mf-response-props-id-1101 .mf-field-error {
	margin-top: 0.35rem !important;
	font-size: 0.78rem !important;
	color: #ff8f8f !important;
}

#mf-response-props-id-1101 .mf-success-message,
#mf-response-props-id-1101 .metform-submit-message {
	margin-top: 0.75rem !important;
	padding: 0.75rem 0.95rem !important;
	border-radius: 8px !important;
	border: 1px solid rgba(0, 212, 216, 0.35) !important;
	background: rgba(0, 212, 216, 0.1) !important;
	color: #d8fffe !important;
	font-size: 0.84rem !important;
	line-height: 1.5 !important;
}

/* Footer subscribe column spacing */
.elementor-element-280a8d9a .elementor-widget-heading + .elementor-widget-metform {
	margin-top: 0.85rem;
}

.elementor-location-footer .elementor-element-280a8d9a .elementor-heading-title {
	margin-bottom: 0.35rem;
}

@media (max-width: 767px) {
	#mf-response-props-id-1101 .metform-form-main-wrapper > .e-con,
	#mf-response-props-id-1101 .metform-form-main-wrapper > .e-con > .e-con-inner,
	#mf-response-props-id-1101 .mf-form-wrapper > .e-con,
	#mf-response-props-id-1101 .mf-form-wrapper > .e-con > .e-con-inner {
		flex-direction: column !important;
		flex-wrap: wrap !important;
	}

	#mf-response-props-id-1101 .mf-button button,
	#mf-response-props-id-1101 button[type="submit"] {
		width: 100% !important;
		min-width: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	#mf-response-props-id-1101 .mf-input,
	#mf-response-props-id-1101 .mf-button button,
	#mf-response-props-id-1101 button[type="submit"] {
		transition: none;
	}

	#mf-response-props-id-1101 .mf-button button:hover,
	#mf-response-props-id-1101 button[type="submit"]:hover {
		transform: none;
	}
}