/**
 * Sitewide form validation styles — child theme.
 * Pairs with assets/js/form-validation.js.
 */
.form__field-error {
	display: block;
	margin-top: 4px;
	font-size: 0.8125rem;
	line-height: 1.3;
	color: #c0392b;
}

input[aria-invalid="true"] {
	border-color: #c0392b !important;
	box-shadow: 0 0 0 1px rgba(192, 57, 43, 0.35);
}

/* "+1" prefix drawn inside phone inputs (visual only, see addPhonePrefix()). */
.ssd-phone-wrap {
	position: relative;
	display: block;
}

.ssd-phone-wrap > input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	/* original left padding + "+1" (about 1.15em wide) + a small gap */
	padding-left: calc(var(--ssd-phone-pl, 12px) + 1.7em) !important;
}

.ssd-phone-prefix {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	opacity: 0.75;
	left: var(--ssd-phone-pl, 12px);
	pointer-events: none;
	user-select: none;
}