/* Kontaktų formos būsenos. Spalvos iš tokens.css — hex reikšmių čia nėra.
   Medaus puodynė slepiama TIK per šitą failą: inline stiliaus nėra,
   o botas, kuris CSS neskaito, laukelį pamatys ir užpildys. */

.simu-trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.simu-form-status:empty {
	display: none;
}

.simu-form-status {
	margin-bottom: var(--space-3);
	padding: var(--space-15) var(--space-2);
	border: 2px solid currentColor;
	font-size: var(--step--1);
	line-height: 1.5;
	font-weight: 700;
}

.simu-form-status.is-ok {
	color: var(--simu-success);
	background: var(--simu-success-soft);
	border-color: var(--simu-success);
}

.simu-form-status.is-error {
	color: var(--simu-error);
	background: var(--simu-error-soft);
	border-color: var(--simu-error);
}

.field-error:empty {
	display: none;
}

.field-error {
	margin: var(--space-075) 0 0;
	padding: var(--space-075) var(--space-1);
	font-size: var(--step--1);
	line-height: 1.4;
	color: var(--simu-error);
	background: var(--simu-error-soft);
	border-left: 3px solid var(--simu-error);
	font-weight: 700;
}

/* Klaidingo laukelio riba ir tekstinis pranešimas kartu nurodo problemą,
   todėl būsena neperduodama vien spalva. */
.field.has-error input,
.field.has-error textarea {
	outline: 3px solid var(--simu-error-soft);
	border-color: var(--simu-error);
	outline-offset: 2px;
}

.simu-form.is-busy {
	opacity: 0.75;
}

.simu-form [data-role="submit"]:disabled {
	cursor: not-allowed;
	opacity: 0.7;
}

.cf-turnstile {
	margin-bottom: var(--space-3);
}

/* Reikalavimas ir pažadas — dvi trumpos eilutės formos kraštuose.
   Viršuje tai, ko reikia iš žmogaus; apačioje tai, ką jis gauna mainais.

   Abi baltos, ne blankiai pilkos. Forma stovi ant užlietos Electric Blue
   sekcijos, o --text-faint (#94A3B8) ant #2563EB duoda apie 1,6:1 — tekstas
   būtų praktiškai neįskaitomas. Baltas ant tos pačios mėlynos duoda 5,1:1 ir
   praeina AA. Hierarchija kuriama dydžiu ir svoriu, ne kontrasto mažinimu. */

.form-legend {
	margin: 0 0 var(--space-3);
	font-size: var(--step--1);
	font-weight: 400;
	color: var(--text-on-dark);
}

.form-reply {
	margin: var(--space-2) 0 0;
	font-size: var(--step--1);
	font-weight: 500;
	color: var(--text-on-dark);
	text-align: center;
}