/**
 * Panoline Contact Us form — theme primary button.
 */

:root {
	--pn-btn-teal: #00d4d8;
	--pn-btn-black: #050505;
	--pn-btn-radius: 6px;
}

/* CF7 Contact Us (ElementsKit widget) */
.wpcf7-form:has([name="your-name"]) input[type="submit"],
.wpcf7-form:has([name="your-name"]) .wpcf7-submit,
.pn-contact-form input[type="submit"],
.pn-contact-form .wpcf7-submit,
input.pn-theme-btn.wpcf7-submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.6rem;
	min-height: 48px;
	min-width: 148px;
	padding: 0.85rem 1.55rem !important;
	border-radius: var(--pn-btn-radius) !important;
	border: 2px solid var(--pn-btn-teal) !important;
	background: var(--pn-btn-teal) !important;
	color: var(--pn-btn-black) !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	cursor: pointer;
	box-shadow: 0 10px 30px rgba(0, 212, 216, 0.28) !important;
	transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
	-webkit-appearance: none;
	appearance: none;
}

.wpcf7-form:has([name="your-name"]) input[type="submit"]:hover,
.wpcf7-form:has([name="your-name"]) .wpcf7-submit:hover,
.pn-contact-form input[type="submit"]:hover,
.pn-contact-form .wpcf7-submit:hover,
input.pn-theme-btn.wpcf7-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 36px rgba(0, 212, 216, 0.38) !important;
	background: var(--pn-btn-teal) !important;
	color: var(--pn-btn-black) !important;
}

.wpcf7-form:has([name="your-name"]) input[type="submit"]:focus-visible,
.wpcf7-form:has([name="your-name"]) .wpcf7-submit:focus-visible,
.pn-contact-form input[type="submit"]:focus-visible,
.pn-contact-form .wpcf7-submit:focus-visible,
input.pn-theme-btn.wpcf7-submit:focus-visible {
	outline: 2px solid var(--pn-btn-teal);
	outline-offset: 3px;
}

/* MetForm Contact Form (ID 472) */
#mf-response-props-id-472 .mf-button button,
#mf-response-props-id-472 button[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.6rem;
	min-height: 48px;
	min-width: 148px;
	padding: 0.85rem 1.55rem !important;
	border-radius: var(--pn-btn-radius) !important;
	border: 2px solid var(--pn-btn-teal) !important;
	background: var(--pn-btn-teal) !important;
	color: var(--pn-btn-black) !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	cursor: pointer;
	box-shadow: 0 10px 30px rgba(0, 212, 216, 0.28) !important;
	transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
}

#mf-response-props-id-472 .mf-button button:hover,
#mf-response-props-id-472 button[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 36px rgba(0, 212, 216, 0.38) !important;
	background: var(--pn-btn-teal) !important;
	color: var(--pn-btn-black) !important;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-form:has([name="your-name"]) input[type="submit"],
	.wpcf7-form:has([name="your-name"]) .wpcf7-submit,
	.pn-contact-form input[type="submit"],
	.pn-contact-form .wpcf7-submit,
	input.pn-theme-btn.wpcf7-submit,
	#mf-response-props-id-472 .mf-button button,
	#mf-response-props-id-472 button[type="submit"] {
		transition: none;
	}

	.wpcf7-form:has([name="your-name"]) input[type="submit"]:hover,
	.wpcf7-form:has([name="your-name"]) .wpcf7-submit:hover,
	.pn-contact-form input[type="submit"]:hover,
	.pn-contact-form .wpcf7-submit:hover,
	input.pn-theme-btn.wpcf7-submit:hover,
	#mf-response-props-id-472 .mf-button button:hover,
	#mf-response-props-id-472 button[type="submit"]:hover {
		transform: none;
	}
}