/**
 * Libraria - Matrícula e login — ordem dos campos do "Cadastrar-se" do MasterStudy.
 *
 * = O Que =
 * Nome e Sobrenome lado a lado › E-mail › (nome de usuário, se aparecer) › Senha › Repita a senha › demais campos
 * (desde a 5.4.0; antes, o e-mail vinha primeiro).
 * No celular, Nome e Sobrenome ficam um embaixo do outro. Com a classe `lml-cadastro` (posta pelo `cadastro.js` depois
 * de preencher o valor provisório), o campo de nome de usuário some.
 *
 * = Como =
 * O wrapper do formulário já é flex em coluna no MasterStudy; aqui ele vira linha com quebra, cada filho ocupa a linha
 * inteira e a ordem vem de `order`. Os campos são achados pelo `name` do input (`:has()`). Em navegador sem `:has()`,
 * a ordem fica a do MasterStudy e o cadastro funciona igual.
 *
 * @package Libraria_Matricula_Login
 * @since 5.1.0
 * @since 5.4.0 Nome e Sobrenome antes do e-mail.
 */

#masterstudy-authorization-form-register .masterstudy-authorization__form-wrapper {
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 16px;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-wrapper > * {
	flex: 0 0 100%;
	order: 10;
	min-width: 0;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(> input[name="register_user_email"]) {
	order: 3;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(> input[name="register_user_login"]) {
	order: 4;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(> input[name="first_name"]) {
	order: 1;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(> input[name="last_name"]) {
	order: 2;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(> input[name="register_user_password"]) {
	order: 5;
}

#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(> input[name="register_user_password_re"]) {
	order: 6;
}

@media (min-width: 480px) {
	#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(> input[name="first_name"]),
	#masterstudy-authorization-form-register .masterstudy-authorization__form-field:has(> input[name="last_name"]) {
		flex-basis: calc(50% - 8px);
	}
}

#masterstudy-authorization-form-register.lml-cadastro .masterstudy-authorization__form-field:has(> input[name="register_user_login"]) {
	display: none;
}