/* public_html/css/login/style.css */

.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding: 20px;
}

.login-card {
  width: 100%;
  max-width: 400px;
  border: none;
  border-radius: 15px;
}

.login-card .card-body {
  padding: 2rem;
}

.login-logo {
  max-width: 120px;
  height: auto;
  margin-bottom: 1rem;
}

/* Ajustes no campo de senha para se integrar ao botão */
#senha.form-control {
  /* Remove o arredondamento do lado direito para se juntar ao botão */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Estilos para o botão de mostrar/ocultar senha */
#toggle-senha {
  /* Remove o arredondamento esquerdo e garante que a borda seja igual ao campo */
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
  border-left: 0;
  border-color: var(--bs-border-color);
  background-color: var(--bs-body-bg);
}

/* Remove QUALQUER efeito de hover, foco ou clique */
#toggle-senha:hover,
#toggle-senha:focus,
#toggle-senha:active {
  background-color: #fff !important; /* Fundo igual ao do input */
  border-color: var(--bs-border-color) !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important; /* Impede que o ícone se mova */
}

/* Ajusta o tamanho e a cor do ícone */
#toggle-senha i {
  font-size: 0.9rem; /* Diminui um pouco o tamanho do ícone */
  color: #6c757d;
  transition: none !important; /* Remove animações */
}