/* users/static/users/css/auth-pages.css */

/* Mantém o estilo que já existia para o corpo e imagem */
body {
    background-color: #f9fafb;
}

.image-section {
    /* Gradiente Roxo */
    background: linear-gradient(to bottom right, #9C27B0, #7B1FA2); 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.auth-img {
    max-height: 280px;
    object-fit: cover;
}

.form-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.min-height {
    min-height: 38rem;
}

/* --- AQUI COMEÇAM AS MUDANÇAS DE COR --- */

/* 1. Mudança da borda do Input (foco) de Azul para Roxo */
.form-control:focus {
    border-color: #9C27B0; /* Roxo da marca */
    box-shadow: 0 0 0 0.25rem rgba(156, 39, 176, 0.25); /* O brilho roxo translúcido */
    outline: 0;
}

/* 2. Botões (Entrar / Cadastrar / Salvar) */
/* Sobrescreve o btn-primary e remove qualquer borda azul/shadow padrão */
.btn-primary {
    background-color: #9C27B0 !important;
    border-color: #9C27B0 !important;
    color: #fff;
    outline: none !important;     /* Remove borda de foco do navegador */
    box-shadow: none !important;  /* Remove sombra de foco do Bootstrap */
}

.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:focus {
    background-color: #7B1FA2 !important; /* Roxo mais escuro no hover */
    border-color: #7B1FA2 !important;
    outline: none !important;     /* Garante remoção no hover/foco */
    box-shadow: none !important;  /* Garante remoção no hover/foco */
}

/* 3. Links (Faça seu cadastro aqui / Faça login aqui) */
a {
    color: #9C27B0; /* Cor do texto do link */
    transition: color 0.2s ease;
}

a:hover {
    color: #7B1FA2; /* Cor ao passar o mouse */
    text-decoration: underline;
}

/* Garante que links dentro de textos mudos (text-muted) também fiquem roxos */
.text-muted a {
    color: #9C27B0 !important;
}

.text-muted a:hover {
    color: #7B1FA2 !important;
}