/*
 * Clinica — page de connexion
 * Remplace la mise en page .login-page d'AdminLTE 3.
 */

/* Volontairement en flux normal : passer body en flex ou en grid ferait de
   .modal et .modal-backdrop, que Bootstrap ajoute a body, des elements de
   grille — la mise en page s'effondre des l'ouverture d'une fenetre. */
body.login-page {
  min-height: 100vh;
  padding: 7vh 1rem 3rem;
  background:
    radial-gradient(1100px 520px at 50% -10%, rgb(24 188 156 / .10), transparent 62%),
    var(--cl-canvas);
  background-attachment: fixed;
}

.login-box, .register-box {
  width: 100%;
  max-width: 408px;
  margin: 0 auto;
}

.login-logo, .register-logo {
  margin-bottom: 1.5rem;
  color: var(--cl-text);
  font-size: 1.5rem;
  font-weight: 650;
  letter-spacing: -.02em;
  text-align: center;
}
.login-logo a, .register-logo a { color: var(--cl-text); }
.login-logo img, .register-logo img {
  display: block;
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto .65rem;
  object-fit: contain;
  opacity: 1 !important;
}

.login-box .card, .register-box .card {
  margin: 0;
  background: var(--cl-surface);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius-xl);
  box-shadow: var(--cl-shadow-lg);
}

.login-card-body, .register-card-body {
  padding: 1.75rem;
  border-radius: var(--cl-radius-xl);
}

.login-box-msg, .register-box-msg {
  margin: 0 0 1.35rem;
  padding: 0;
  color: var(--cl-text-muted);
  font-size: .875rem;
  text-align: center;
}

/* champs avec icone : Bootstrap 5 stylise directement les enfants du groupe */
.login-box .input-group, .register-box .input-group { margin-bottom: .85rem; }
.login-box .form-control, .register-box .form-control {
  height: 46px;
  font-size: .9375rem;
}
.login-box .input-group-text, .register-box .input-group-text {
  background: var(--cl-surface);
  border-left: 0;
  color: var(--cl-ink-400);
}
.login-box .form-control:focus + .input-group-append .input-group-text,
.login-box .input-group:focus-within .input-group-text { border-color: var(--cl-primary-400); }

.login-box .btn-primary, .register-box .btn-primary {
  width: 100%;
  height: 46px;
  font-size: .9375rem;
  font-weight: 600;
}

.login-box a, .register-box a { color: var(--cl-primary-700); font-size: .875rem; }
.login-box a:hover { text-decoration: underline; text-underline-offset: 3px; }
[data-bs-theme="dark"] .login-box a { color: var(--cl-primary-300); }

/* selecteur de langue en haut a droite */
body.login-page > .dropdown,
body.login-page > .language-switch {
  position: absolute;
  top: 1.25rem;
  right: 1.5rem;
}