/* STYO Contact Form — ainult käitumis-CSS.
   Vormi välimus (.form-card jne) tuleb STYO teemast (styles.css). */

.styo-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.styo-form-msg {
	grid-column: 1 / -1;
	font-size: 14px;
	line-height: 1.5;
}
.styo-form-msg:empty {
	display: none;
}
.styo-form-msg.is-ok {
	color: #0c9989;
	font-weight: 600;
}
.styo-form-msg.is-error {
	color: hsl(0 72% 45%);
	font-weight: 600;
}

.styo-form .inp.has-error {
	border-color: hsl(0 72% 51%);
	box-shadow: 0 0 0 3px rgba(220, 38, 38, .14);
}

.styo-form .form-submit[disabled] {
	opacity: .6;
	cursor: progress;
}
