/*
 * Login nativo Transforma (tdc-native-login).
 * Escopo unico: body.tdc-native-login, aplicado somente em wp-login.php com action=login.
 * Sem JS, sem display:none, sem alterar logo, copy, redirect_to ou reauth.
 * Tokens: #141414 fundo e campo, #262626 card, #eee texto, #9a9a9a borda,
 * #f0c2ff foco, #64266d marca e submit, #e3c2ff links.
 */

body.tdc-native-login {
	--tdc-bg: #141414;
	--tdc-card: #262626;
	--tdc-text: #eee;
	--tdc-muted: #9a9a9a;
	--tdc-focus: #f0c2ff;
	--tdc-brand: #64266d;
	--tdc-link: #e3c2ff;

	background-color: var(--tdc-bg);
	color: var(--tdc-text);
}

/* Largura: viewport de 320px mantem gutter de 16px; ate 400px no desktop. */
body.tdc-native-login #login {
	box-sizing: border-box;
	width: 100%;
	max-width: 432px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}

body.tdc-native-login #loginform {
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--tdc-card);
	color: var(--tdc-text);
}

body.tdc-native-login #loginform label[for="user_login"],
body.tdc-native-login #loginform label[for="user_pass"],
body.tdc-native-login #loginform label[for="rememberme"] {
	color: var(--tdc-text);
}

/* Linha do lembrar-me: area acionavel de 44px sem ampliar o checkbox. */
body.tdc-native-login #loginform .forgetmenot {
	display: flex;
	align-items: center;
	float: none;
	clear: both;
	min-height: 44px;
	margin: 0 0 16px;
}

body.tdc-native-login #loginform label[for="rememberme"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	cursor: pointer;
}

/* !important justificado: sobrepoe background-color, color e border !important do tema. */
body.tdc-native-login #user_login,
body.tdc-native-login #user_pass {
	box-sizing: border-box;
	min-height: 44px;
	padding: 8px 12px;
	background-color: var(--tdc-bg) !important;
	color: var(--tdc-text) !important;
	border: 1px solid var(--tdc-muted) !important;
	border-radius: 4px;
}

/* Campo de senha reserva espaco para o toggle nativo de 44px. */
body.tdc-native-login #user_pass {
	padding-right: 52px;
}

/* Toggle nativo de senha: 44px, sem display, para preservar o hide-if-no-js do core. */
body.tdc-native-login #loginform .wp-hide-pw {
	box-sizing: border-box;
	width: 44px;
	min-width: 44px;
	height: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0;
	background-color: var(--tdc-bg);
	border: 1px solid var(--tdc-muted);
	color: var(--tdc-text);
}

/* !important justificado: sobrepoe outline:none !important do tema para o foco ficar visivel. */
body.tdc-native-login #login h1 a:focus,
body.tdc-native-login #loginform .wp-tooltip__toggle[popovertarget="rememberme-help-toggletip"]:focus,
body.tdc-native-login #user_login:focus,
body.tdc-native-login #user_pass:focus,
body.tdc-native-login #rememberme:focus,
body.tdc-native-login #wp-submit:focus,
body.tdc-native-login #loginform .wp-hide-pw:focus,
body.tdc-native-login #language-switcher select:focus,
body.tdc-native-login #language-switcher input[type="submit"]:focus,
body.tdc-native-login .privacy-policy-link:focus,
body.tdc-native-login #nav a:focus,
body.tdc-native-login #backtoblog a:focus {
	outline: 3px solid var(--tdc-focus) !important;
	outline-offset: 2px;
}

/* !important justificado: foco do close sobre o popover nativo branco requer o token escuro. */
body.tdc-native-login #rememberme-help-toggletip .wp-tooltip__close:focus {
	outline: 3px solid var(--tdc-brand) !important;
	outline-offset: -3px;
}

/* !important justificado: autofill do navegador pinta o fundo; o inset mantem o token do campo. */
body.tdc-native-login #user_login:-webkit-autofill,
body.tdc-native-login #user_pass:-webkit-autofill {
	-webkit-text-fill-color: var(--tdc-text) !important;
	box-shadow: inset 0 0 0 1000px var(--tdc-bg) !important;
	caret-color: var(--tdc-text);
}

/* Submit em bloco de largura total, sem colisao com o lembrar-me ou com tooltips. */
body.tdc-native-login #loginform .submit {
	float: none;
	clear: both;
	margin: 0 0 16px;
}

body.tdc-native-login #wp-submit,
body.tdc-native-login #wp-submit:hover,
body.tdc-native-login #wp-submit:focus,
body.tdc-native-login #wp-submit:active {
	box-sizing: border-box;
	float: none;
	display: block;
	width: 100%;
	min-height: 44px;
	margin: 0;
	background-color: var(--tdc-brand);
	border-color: var(--tdc-brand);
	color: var(--tdc-text);
	text-shadow: none;
	box-shadow: none;
}

/* Seletor de idioma nativo: mesmos tokens, alvos de 44px. Sem alterar a copy. */
body.tdc-native-login #language-switcher label {
	color: var(--tdc-text);
}

body.tdc-native-login #language-switcher select {
	box-sizing: border-box;
	min-height: 44px;
	background-color: var(--tdc-bg);
	color: var(--tdc-text);
	border: 1px solid var(--tdc-muted);
}

body.tdc-native-login #language-switcher input[type="submit"] {
	box-sizing: border-box;
	min-height: 44px;
	background-color: var(--tdc-card);
	border-color: var(--tdc-muted);
	color: var(--tdc-text);
}

/* Link de privacidade: alvo de 44px e cor de link do token. */
body.tdc-native-login .privacy-policy-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--tdc-link);
}

body.tdc-native-login #nav a,
body.tdc-native-login #backtoblog a {
	color: var(--tdc-link);
}