/*
 * Entrar / Criar conta e "Criar a sua conta" (A minha conta sem sessão).
 * Usa as cores do tema (claro e escuro: o escuro redefine os mesmos tokens).
 */

.nk-registo .nk-registo__nota {
	display: block;
	margin: 0 0 1em;
	font-size: var(--wp--preset--font-size--small, 14px);
	color: var(--wp--preset--color--subtle, #8A8A86);
}

.nk-registo .form-row .nk-registo__nota {
	margin: 6px 0 0;
}

/* Erros: o aviso de erro da loja (.woocommerce-error, com ícone), dentro do cartão. */
.nk-registo .nk-registo__erro {
	margin: 0 0 1.2em;
}

.nk-registo .nk-registo__titulo {
	margin: 0 0 .5em;
	font-family: var(--wp--preset--font-family--fraunces, serif);
	font-size: var(--wp--preset--font-size--large, 22px);
	font-weight: 600;
	color: var(--wp--preset--color--ink, #0D0D0D);
}

/* Mensagem "Veja o seu email": o mesmo cartão do formulário. */
.nk-registo .nk-registo__enviado {
	padding: 20px;
	border: 1px solid var(--nk-line, rgba(13, 13, 13, .12));
	background: var(--wp--preset--color--ivory, #FAF9F6);
}

.nk-registo .nk-registo__enviado > p:not(.nk-registo__nota):not(.nk-registo__titulo) {
	color: var(--wp--preset--color--ink, #0D0D0D);
}

.nk-registo__reenviar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin: 0 0 1em;
}

.nk-registo__reenviar button[disabled] {
	opacity: .5;
	cursor: not-allowed;
}

.nk-registo__contagem {
	font-size: var(--wp--preset--font-size--small, 14px);
	color: var(--wp--preset--color--subtle, #8A8A86);
}

/* Campo anti-spam: fora do ecrã (não display:none, para os robôs o verem). */
.nk-registo__armadilha {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* "Criar a sua conta": uma coluna, centrada. */
.nk-registo--criar {
	max-width: 520px;
	margin-inline: auto;
}

.nk-registo--criar .woocommerce-form {
	padding: 24px;
	border: 1px solid var(--nk-line, rgba(13, 13, 13, .12));
	background: var(--wp--preset--color--ivory, #FAF9F6);
}

.nk-registo--criar h2 {
	margin-top: 0;
}

.nk-registo--criar input[readonly] {
	opacity: .75;
}

.nk-registo__acoes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
}
