/*
 * Telas do wp-login.php (entrar, criar conta, esqueci a senha e o código de confirmação) com a marca Ápice:
 * logo no lugar do W do WordPress, fontes do tema e as cores do Coral Pôr do Sol.
 * Os valores repetem as predefinições do theme.json, que não carregam nessas telas.
 */

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("fonts/poppins-800.woff2") format("woff2");
}

@font-face {
	font-family: "Nunito Sans";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("fonts/nunito-sans.woff2") format("woff2");
}

body.login {
	background: #fff8f4;
	color: #2b1a14;
	font-family: "Nunito Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ----- Logo ----- */

.login h1.wp-login-logo {
	text-align: center;
}

.login h1.wp-login-logo a {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	width: auto;
	height: auto;
	margin: 0 auto 24px;
	padding: 0;
	overflow: visible;
	background: none;
	color: #2b1a14;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	text-indent: 0;
}

.login h1.wp-login-logo a:focus {
	border-radius: 12px;
	box-shadow: 0 0 0 2px #ba4428;
}

.login .apice-marca__simbolo {
	display: block;
	flex: none;
	width: 3rem;
	height: 3rem;
}

.login .apice-marca__nome {
	font-family: "Poppins", ui-sans-serif, system-ui, sans-serif;
	font-size: 2.25rem;
	font-weight: 800;
	letter-spacing: -0.03em;
}

/* ----- Formulário ----- */

.login form {
	border: 1px solid #f3e1d6;
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(186, 68, 40, 0.08);
}

.login label,
.login .description {
	color: #2b1a14;
}

/* Caixas de aceite dos termos e de lembretes, do cadastro do plugin (com #login, para ganhar do "#login form p" do WordPress). */
#login .es-termos,
#login .es-lembretes {
	margin-bottom: 12px;
	line-height: 1.5;
}

.login input[type="text"]:focus,
.login input[type="email"]:focus,
.login input[type="password"]:focus,
.login input[type="date"]:focus,
.login input[type="checkbox"]:focus {
	border-color: #ba4428;
	box-shadow: 0 0 0 1px #ba4428;
	outline: 2px solid transparent;
}

.login input[type="checkbox"]:checked::before {
	filter: hue-rotate(155deg) saturate(2);
}

body.login.wp-core-ui .button-primary {
	border-color: #ba4428;
	border-radius: 999px;
	background: #ba4428;
	color: #ffffff;
	font-weight: 700;
}

body.login.wp-core-ui .button-primary:hover,
body.login.wp-core-ui .button-primary:focus {
	border-color: #96351d;
	background: #96351d;
	color: #ffffff;
}

body.login.wp-core-ui .button-primary:focus {
	box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #ba4428;
}

body.login.wp-core-ui .button-secondary,
body.login .button.wp-hide-pw {
	color: #ba4428;
}

/* ----- Links e avisos ----- */

.login a,
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-link,
.login .button-link {
	color: #ba4428;
}

.login a:hover,
.login #nav a:hover,
.login #backtoblog a:hover,
.login .button-link:hover {
	color: #96351d;
}

.login .message,
.login .notice-info,
.login .success {
	border-left-color: #ba4428;
}