@media (max-width: 992px) {
  /* Passer en une seule colonne, visuel au-dessus, formulaire en dessous */
  .login-pf-page,
  .login-main,
  #page {
    display: block !important;
  }

  /* #kc-form,
  #kc-content,
  #kc-content-wrapper, */
  .login-main .pf-c-card,
  .login-pf-page .card-pf {
    min-height: auto;
    padding: 28px 20px 36px;
  }

  .kc-title,
  #kc-content h1,
  .login-main h1 {
    font-size: clamp(22px, 6vw, 32px);
    text-align: left;
  }

  .kc-bottom-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 8px;
  }

  /* Logo en haut à droite -> en haut à droite mais plus petit */
  .login-main::after,
  .login-pf-page::after,
  #page::after {
    top: 16px;
    right: 16px;
    width: 128px;
    height: 40px;
  }
}

@media (max-width: 520px) {
  input[type="text"],
  input[type="email"],
  input[type="password"] {
    height: 50px;
    font-size: 16px;
  }

  #kc-login,
  input[type="submit"] {
    height: 52px;
    font-size: 17px;
    border-radius: 12px;
  }
}