/**
 * Fix: blue rectangle/line appearing near the "Send" CTA on browser autofill.
 *
 * The site's contact forms style their fields with a transparent background on
 * a dark section. This affects both forms even though they are different
 * components:
 *   - Homepage  -> Contact Form 7  (form.wpcf7-form)
 *   - /contact/ -> Elementor Pro form (form.elementor-form)
 *
 * When a browser autofills a field it paints its own default autofill
 * background, which is a light blue in every major browser. Because the field's
 * own background is transparent, that blue shows through as a solid
 * rectangle/line near the Send button.
 *
 * The long transition delay stops the browser from ever visibly painting the
 * autofill background, leaving the field's real (transparent) background intact.
 * `-webkit-text-fill-color: currentColor` keeps the autofilled text in the
 * field's own colour (instead of the browser's default) so it stays legible on
 * the dark background. Applied to all fields so every form on the site is
 * covered.
 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-transition: background-color 600000s 0s, color 600000s 0s;
	transition: background-color 600000s 0s, color 600000s 0s;
	-webkit-text-fill-color: currentColor;
	caret-color: currentColor;
}

/* Standards-based selector (Firefox 86+, modern Chromium). */
input:autofill,
textarea:autofill,
select:autofill {
	-webkit-transition: background-color 600000s 0s, color 600000s 0s;
	transition: background-color 600000s 0s, color 600000s 0s;
	-webkit-text-fill-color: currentColor;
	caret-color: currentColor;
}