/* =========================================================
   RP Studio — tela de login (wp-login.php)
   Espelha o dark theme do site.
   ========================================================= */

:root {
	--rp-color-bg: #101010;
	--rp-color-text: #eae8e1;
	--rp-color-muted: #bdbab2;
	--rp-color-surface: #161616;
	--rp-color-border: rgba( 234, 232, 225, 0.15 );
	--rp-radius: 8px;
	--rp-font-sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body.login {
	background: var( --rp-color-bg );
	color: var( --rp-color-text );
	font-family: var( --rp-font-sans );
}

/* Container central */
.login #login {
	width: 340px;
	max-width: 92vw;
	padding: 6% 0 4%;
}

/* ---- Logo ---- */
.login h1 {
	margin-bottom: 28px;
}

.login h1 a {
	width: 220px;
	max-width: 100%;
	height: 64px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

/* ---- Formulário ---- */
.login form {
	background: var( --rp-color-surface );
	border: 1px solid var( --rp-color-border );
	border-radius: var( --rp-radius );
	box-shadow: 0 20px 60px rgba( 0, 0, 0, 0.45 );
	padding: 28px 26px 24px;
	margin-top: 18px;
}

.login form label {
	color: var( --rp-color-muted );
	font-size: 13px;
	letter-spacing: 0.02em;
}

/* Campos de texto */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	background: #0d0d0d;
	color: var( --rp-color-text );
	border: 1px solid var( --rp-color-border );
	border-radius: 6px;
	padding: 12px 14px;
	font-family: var( --rp-font-sans );
	font-size: 15px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: var( --rp-color-text );
	box-shadow: 0 0 0 1px var( --rp-color-text );
	outline: none;
}

/* Ícone de "mostrar senha" */
.login .wp-pwd .button.wp-hide-pw {
	color: var( --rp-color-muted );
}

.login .wp-pwd .button.wp-hide-pw:hover {
	color: var( --rp-color-text );
}

/* "Lembrar-me" */
.login .forgetmenot label,
.login #reg_passmail {
	color: var( --rp-color-muted );
}

/* ---- Botão principal ---- */
.login .button-primary,
.wp-core-ui .button-primary {
	background: var( --rp-color-text );
	border: 1px solid var( --rp-color-text );
	color: var( --rp-color-bg );
	border-radius: 6px;
	padding: 10px 22px;
	height: auto;
	font-family: var( --rp-font-sans );
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.login .button-primary:hover,
.login .button-primary:focus,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: #ffffff;
	border-color: #ffffff;
	color: var( --rp-color-bg );
	box-shadow: none;
}

/* ---- Links abaixo do formulário ---- */
.login #nav,
.login #backtoblog {
	text-align: center;
	padding: 0;
	margin: 18px 0 0;
}

.login #nav a,
.login #backtoblog a {
	color: var( --rp-color-muted );
	font-size: 13px;
	transition: color 0.2s ease;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: var( --rp-color-text );
}

/* ---- Mensagens e erros ---- */
.login .message,
.login .success,
.login #login_error {
	background: var( --rp-color-surface );
	color: var( --rp-color-text );
	border-radius: 6px;
	border-left: 4px solid var( --rp-color-text );
	box-shadow: none;
}

.login #login_error {
	border-left-color: #e0564b;
}

/* Link de privacidade do rodapé do login */
.login .privacy-policy-page-link a {
	color: var( --rp-color-muted );
}

.login .privacy-policy-page-link a:hover {
	color: var( --rp-color-text );
}

/* Autofill do Chrome — evita o fundo branco padrão */
.login input:-webkit-autofill,
.login input:-webkit-autofill:hover,
.login input:-webkit-autofill:focus {
	-webkit-text-fill-color: var( --rp-color-text );
	-webkit-box-shadow: 0 0 0 1000px #0d0d0d inset;
	caret-color: var( --rp-color-text );
}