/* Styles du module MitTwoFactor.
   Toutes les classes sont préfixées « mittwofactor- » et conçues pour être
   facilement surchargeables depuis un thème (override par sélecteur identique
   ou plus spécifique). */

/* Conteneur du lien « Se connecter sans mot de passe » injecté sur la page de login. */
.mittwofactor-passwordless-container {
    margin-top: 1rem;
    text-align: center;
}

/* Lien stylé comme un bouton, indépendant du framework CSS de la page. */
.mittwofactor-passwordless-button {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    background-color: #1976d2;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #1976d2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 0.95rem;
    line-height: 1.5;
    cursor: pointer;
    min-width: 220px;
    text-align: center;
}

.mittwofactor-passwordless-button:hover,
.mittwofactor-passwordless-button:focus {
    background-color: #1565c0;
    border-color: #1565c0;
    color: #ffffff;
    text-decoration: none;
}