/**
 * File Path: assets/css/mbs-arc-signup.css
 *
 * ARC Signup Block front-end styles.
 *
 * Sprint F-027: ARC Signup Block.
 */

.mbs-arc-signup {
	max-width: 520px;
}

.mbs-arc-signup__title {
	margin-bottom: 1em;
}

.mbs-arc-signup__field {
	margin-bottom: 1em;
}

.mbs-arc-signup__field label {
	display: block;
	margin-bottom: .35em;
	font-weight: 600;
}

.mbs-arc-signup__field input[type="text"],
.mbs-arc-signup__field input[type="email"],
.mbs-arc-signup__field textarea {
	width: 100%;
	box-sizing: border-box;
	padding: .5em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1em;
}

.mbs-arc-signup__consent label {
	font-weight: normal;
	display: flex;
	gap: .5em;
	align-items: flex-start;
	cursor: pointer;
}

.mbs-arc-signup__consent input[type="checkbox"] {
	margin-top: .2em;
	flex-shrink: 0;
}

.mbs-arc-signup__captcha {
	margin-bottom: 1em;
}

.mbs-arc-signup__submit {
	cursor: pointer;
}

.mbs-arc-signup__result {
	margin-top: .75em;
	padding: .5em .75em;
	border-radius: 4px;
}

.mbs-arc-signup__result:empty {
	display: none;
}

.mbs-arc-signup__result--success {
	background: #edfaed;
	color: #1a5c1a;
	border: 1px solid #b3e6b3;
}

.mbs-arc-signup__result--error {
	background: #fff0f0;
	color: #8b0000;
	border: 1px solid #f5c6c6;
}

.mbs-arc-signup__form.is-submitted {
	display: none;
}
