/* rc-contact.css — Contact page (Round 8 #6).
 *
 * The Contact Form 7 fields inherit a site-wide theme-option rule printed inline in <head>:
 * `input[type="text"], … , #coupon_code { border-color: rgba(125, 125, 125, 0.1) }`. At 10%
 * opacity over white the boxes are all but invisible.
 *
 * Same grey the theme already chose (#7D7D7D, the page's own body-copy grey), raised to 0.5.
 * Scoped to the form rather than to inputs generally: the faint border is deliberate on the
 * checkout and account forms, and this topic is enqueued on the Contact page alone.
 *
 * One class beats the theme rule on specificity (0,2,1 vs 0,1,1) even though the theme's is
 * inline, so no `!important` and no doubled class is needed here.
 */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 textarea,
.wpcf7 select {
	border-color: rgba(125, 125, 125, 0.5);
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
	border-color: rgba(125, 125, 125, 0.8);
}