/* ============================================================
   Tema de login Exclusiva Contabilidade (Keycloak)
   Fundo claro + card branco com acento vermelho + logo + botão vermelho
   ============================================================ */
:root { --exclusiva-red:#E1251B; --exclusiva-red-dark:#B71C13; --exclusiva-ink:#1A1A1A; }

/* Fundo da página */
.login-pf body,
body.login-pf-page,
.login-pf {
  background: #F4F5F7 !important;
}
.login-pf-page { padding-top: 40px; }

/* Cabeçalho: substitui a logo PADRÃO do Keycloak pela da Exclusiva */
#kc-header-wrapper {
  background: none !important;   /* remove qualquer logo padrão do wrapper */
  padding: 0 !important;
  margin-bottom: 14px;
}
/* .kc-logo-text vinha com a logo do Keycloak no background — troca pela nossa */
.kc-logo-text {
  background-image: url('../img/logo.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  width: 300px !important;
  max-width: 82vw !important;
  height: 70px !important;
  margin: 0 auto !important;
}
.kc-logo-text span { display: none !important; }  /* esconde o texto "Exclusiva Contabilidade" */

/* Card de login */
.card-pf {
  border-top: 4px solid var(--exclusiva-red) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(26,26,26,0.10) !important;
  padding: 28px 30px 32px !important;
}

/* Título "Entrar" */
#kc-page-title { color: var(--exclusiva-ink); font-weight: 700; }

/* Botão primário vermelho */
.btn-primary,
input[type="submit"].btn-primary,
.pf-c-button.pf-m-primary {
  background-color: var(--exclusiva-red) !important;
  border-color: var(--exclusiva-red) !important;
  color: #fff !important;
}
.btn-primary:hover,
.pf-c-button.pf-m-primary:hover {
  background-color: var(--exclusiva-red-dark) !important;
  border-color: var(--exclusiva-red-dark) !important;
}

/* Links (esqueci a senha etc.) */
a, a:hover { color: var(--exclusiva-red); }

/* Campo focado com a cor da marca */
input:focus, .pf-c-form-control:focus {
  border-color: var(--exclusiva-red) !important;
  box-shadow: 0 0 0 1px var(--exclusiva-red) !important;
}