/**
 * Per-page overrides — /contact/ (EN). AR twin: page-contact-ar.css.
 *
 * The contact page renders the `cta-band` "form" variant, whose base rules
 * (blocks/cta-band/style.css) pin the heading and Submit button to the
 * seamless.md legacy navy `#045089`. The current brand blue is the header
 * / footer / "Book a Demo" indigo `#3b53f0`. Realign only this page — the
 * form variant is used on other pages (specialties, solutions, products)
 * and must stay on the base colour there.
 *
 * Scoped by `body.page-slug-contact` even though this file is loaded only
 * on this page, so the rule remains safe if the loader is ever pointed
 * elsewhere. Font-family is inherited from the theme (Nunito Sans); the
 * heading picks up the brand's home-hero weight (800) + tighter tracking.
 */

body.page-slug-contact .seamlessmd-cta-band--variant-form .seamlessmd-cta-band__heading {
	color: #3b53f0;
	font-weight: 800;
	letter-spacing: -0.02em;
}

/* CF7 injects `.wpcf7-submit` — WordPress core input styling wins at
 * (0,1,1). The extra `[type]` bumps this rule to (0,2,1) so it beats the
 * cta-band base + core WP input rules together. */
body.page-slug-contact .wpcf7-form-control.wpcf7-submit[type="submit"] {
	background-color: #3b53f0;
	border-color: #3b53f0;
}

body.page-slug-contact .wpcf7-form-control.wpcf7-submit[type="submit"]:hover,
body.page-slug-contact .wpcf7-form-control.wpcf7-submit[type="submit"]:focus-visible {
	background-color: #2f43c9;
	border-color: #2f43c9;
}

/* Any anchor inside the form panel (subheading link, Privacy Policy link
 * under the form) picks up the brand blue instead of the theme teal. */
body.page-slug-contact .seamlessmd-cta-band--variant-form a {
	color: #3b53f0;
}