#firstboxlogin, #text-login, #logo_login { background-color: transparent;}html { height: 100%;}body { background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("/plugins/trademark/front/picture.send.php?path=bf/6929e64549fbf.png");}/* ========================================================
   AJUSTES DE POSIÇÃO E OCULTAÇÃO DOS BOTÕES (AZURE ABAIXO DO CHECKBOX)
   ======================================================== */

/* 1. OCULTAR O BOTÃO "LOGIN WITH GLPI" (O OLD-LOGIN) */
.singlesignon-box .old-login {
    display: none !important;
}
.singlesignon-box span:has(a.old-login) {
    display: none !important;
}

/* 2. OCULTAR O BOTÃO PADRÃO "Entrar" (se não for usado) */
.form-footer .btn-primary {
    display: none !important;
}
/* Opcional: Oculta o form-footer inteiro se ele só tiver o botão "Entrar" */
.form-footer {
    display: none !important;
}

/* 3. REPOSICIONAMENTO DO AZURE */

/* Torna a coluna do formulário Flexbox para controlar a ordem */
.container-tight .card .card-body .row > .col-md-5 {
    display: flex;
    flex-direction: column;
}

/* Define a ordem dos elementos (ajustado para a estrutura do HTML) */

/* Campos de Usuário, Senha e Dropdown de Autenticação */
.container-tight .card .card-body .row > .col-md-5 > div:nth-child(1) { order: 1; } /* card-header */
.container-tight .card .card-body .row > .col-md-5 > div:nth-child(2) { order: 2; } /* mb-3 (Usuário) */
.container-tight .card .card-body .row > .col-md-5 > div:nth-child(3) { order: 3; } /* mb-4 (Senha) */
.container-tight .card .card-body .row > .col-md-5 > div:nth-child(4) { order: 4; } /* mb-3 (Dropdown) */

/* Checkbox "Lembrar de mim" */
.container-tight .card .card-body .row > .col-md-5 > div:nth-child(5) { 
    order: 5; /* Fica logo antes do Azure */
    margin-bottom: 5px !important;
} 

/* O bloco .singlesignon-box é movido pelo JS para fora do formulário,
   então precisamos trazê-lo de volta visualmente para a ordem. */

/* Ajuste do contêiner onde o JS injeta o Azure (col-auto px-2) */
.container-tight .card .card-body .row > .col-auto {
    /* Torna o bloco visível e ajusta a posição */
    order: 6; /* Coloca logo após o checkbox (ordem 5) */
    width: 100%; /* Ocupa a largura total da coluna de login */
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Garante que o bloco onde estaria o botão "Entrar" fique no final (embora oculto) */
.container-tight .card .card-body .row > .col-md-5 > div:nth-child(6) { order: 7; } /* form-footer */


/* 4. ESTILO NEON PARA O BOTÃO AZURE (COM FONTE AUMENTADA) */
.singlesignon-box .vsubmit {
  color: var(--custom-dark-blue) !important; 
  background-color: var(--neon);
  border: 1px solid var(--neon);
  box-shadow: 0 0 12px var(--neon); 
  font-weight: bold;
  
  /* --- ALTERAÇÃO AQUI: TAMANHO DA FONTE --- */
  **font-size: 1.15em !important;**
  
  /* Configurações visuais */
  display: flex !important;
  justify-content: center;
  align-items: center;
  **padding: 10px 15px;** /* Ajustado para 10px para melhor encaixe da fonte maior */
  border-radius: 4px;
}

.singlesignon-box .vsubmit:hover {
  color: var(--custom-dark-blue) !important;
  background-color: var(--neon-2);
  border-color: var(--neon-2);
  box-shadow: 0 0 20px var(--neon-2);
  transform: translateY(-1px);
}