/* Oregon Coast Guide — validation red-box
 * ----------------------------------------
 * MyListing's submit form (add-listing.js) adds a `.invalid` class to any field
 * that fails HTML5 validation, and scrolls to it — but ships NO visible style,
 * so a blocked step looks like the form silently does nothing. This surfaces the
 * failed field as an obvious red box. Scoped to the submit/claim listing forms
 * (`.c27-submit-listing-form`) so it can't affect anything else.
 */
.c27-submit-listing-form .invalid,
.c27-submit-listing-form input.invalid,
.c27-submit-listing-form select.invalid,
.c27-submit-listing-form textarea.invalid,
.c27-submit-listing-form .invalid .select2-selection {
	border: 2px solid #e02b2b !important;
	background-color: rgba( 224, 43, 43, 0.06 ) !important;
	box-shadow: 0 0 0 3px rgba( 224, 43, 43, 0.16 ) !important;
	border-radius: 4px !important;
}

.c27-submit-listing-form .invalid:focus,
.c27-submit-listing-form input.invalid:focus,
.c27-submit-listing-form textarea.invalid:focus {
	outline: none !important;
	box-shadow: 0 0 0 3px rgba( 224, 43, 43, 0.32 ) !important;
}