/*
 * Arquivo: assets/css/custom-login.css
 * PERSONALIZAÇÃO DA TELA DE LOGIN PARA GEEK CODES
 */

/* ----------------------------------------------------
   1. FUNDO E CORPO
   ---------------------------------------------------- */
body.login {
    /* Cor de fundo primária ou imagem de fundo (Ex: Preto/Azul Escuro da Geek Codes) */
    background-color: #1a1a2e; /* Cor escura como base */
    background-image: url('caminho-para-sua-imagem-de-fundo.jpg'); /* Opcional: Adicione um background sutil */
    background-size: cover;
    background-repeat: no-repeat;
}

/* ----------------------------------------------------
   2. LOGO
   ---------------------------------------------------- */
.login h1 a {
    /* Esconde o logo padrão do WordPress e aplica o seu */
    background-image: url('https://geekcodes.com.br/wp-content/uploads/2025/12/dZLKESP.png'); /* IMPORTANTE: Mude este caminho */
    background-size: contain;
    width: 320px; /* Largura do seu logo */
    height: 100px; /* Altura do seu logo */
    padding-bottom: 30px; /* Espaçamento abaixo do logo */
    margin-bottom: 20px;
}

/* ----------------------------------------------------
   3. FORMULÁRIO PRINCIPAL (LOGIN E REGISTRO)
   ---------------------------------------------------- */

/* Fundo da caixa do formulário (AGORA CLARO) */
#loginform,
#registerform {
    background: #ffffff; /* Fundo Branco */
    border: 1px solid #cccccc; /* Borda Cinza Claro */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
    padding: 30px;
    border-radius: 8px;
    margin-left: 0; 
}

/* Estilo das Labels */
.login label {
    color: #333333; /* Cor escura para as labels no fundo claro */
    font-weight: bold;
    display: block; 
    margin-bottom: 5px;
}

/* ----------------------------------------------------
   4. CAMPOS DE INPUT (Texto, E-mail)
   ---------------------------------------------------- */

/* Alvo todos os inputs com a classe 'input' dentro do corpo 'login' */
body.login input.input {
    /* Cores e Fundo */
    background: #f9f9f9 !important; /* Fundo Cinza Quase Branco */
    color: #333333 !important; /* Texto Escuro */
    
    /* Borda e Sombra */
    border: 1px solid #dddddd !important; /* Borda levemente cinza */
    box-shadow: none !important;
    
    /* Tamanho e Espaçamento */
    padding: 10px !important;
    border-radius: 4px !important;
    width: 100% !important; 
    box-sizing: border-box !important; 
    
    /* Outras propriedades */
    height: 40px !important; 
    font-size: 16px !important;
    line-height: 1 !important;
}

/* Foco (destaque Geek Codes Ciano/Neon) */
body.login input.input:focus {
    border-color: #00ffff !important; /* Borda Ciano/Neon */
    box-shadow: 0 0 5px rgba(0, 255, 255, 0.6) !important;
}

/* ----------------------------------------------------
   5. BOTÃO PRINCIPAL (Log In / Cadastre-se)
   ---------------------------------------------------- */

#wp-submit {
    /* Cor principal do botão (Ciano/Neon) */
    background: #00ffff !important;
    border-color: #00ffff !important;
    color: #1a1a2e !important; /* Texto escuro no botão claro */
    text-shadow: none !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5) !important;
    transition: all 0.2s ease;
    width: 100% !important; 
    height: 40px !important;
    font-size: 16px !important;
}

#wp-submit:hover {
    background: #00e6e6 !important; 
    border-color: #00e6e6 !important;
}

/* ----------------------------------------------------
   6. LINKS DO RODAPÉ E MENSAGENS
   ---------------------------------------------------- */

/* Links de navegação (Esqueceu a senha / Voltar) */
.login #nav a,
.login #backtoblog a {
    color: #00ffff; /* Links em cor neon */
    text-decoration: none;
}
.login #nav a:hover,
.login #backtoblog a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Texto de notificação (Ex: Uma confirmação será enviada...) */
#reg_passmail {
    color: #333333; /* Texto Escuro */
    background: #f0f0f0; /* Fundo Cinza */
    border: 1px solid #cccccc;
    padding: 10px;
    border-radius: 4px;
    margin-top: 15px;
    font-size: 14px;
    text-align: center;
}

/* Mensagens de Erro/Sucesso */
.login .message,
.login #login_error {
    border-left: 4px solid #ff007f; /* Destaque em Rosa Neon/Magenta */
    background-color: #ffffff; /* Fundo Branco */
    color: #333333; /* Texto Escuro */
    padding: 12px;
    border-radius: 4px;
    box-shadow: none;
    margin-top: 15px;
}

/* ----------------------------------------------------
   8. OCULTAR ELEMENTOS PADRÃO DO RODAPÉ
   ---------------------------------------------------- */

/* 1. Oculta o link "← Ir para Geek Codes" (Voltar para o site) */
#backtoblog {
    display: none !important;
}

/* 2. Oculta o link "Política de Privacidade" */
.privacy-policy-page-link {
    display: none !important;
}

/* 3. Oculta o seletor de idioma */
.language-switcher {
    display: none !important;
}
🛑 Próximo Passo