/* Emplacement de ce fichier : /assets/css/pages/connexion.css */

/* =====================================================================
   PAGE : connexion.php
   La carte d'authentification commune (.ob-au-carte, .ob-au-formulaire...)
   est définie dans style.css. Ce fichier ne contient que ce qui est
   propre à CETTE page (bouton afficher/masquer, case à cocher, lien).
   ===================================================================== */

.ob-au-toggle-mdp {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--ob-texte-clair);
}
.ob-au-toggle-mdp:hover {
    color: var(--ob-bleu-marine);
}

.ob-au-case-souvenir {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.83rem;
    color: var(--ob-texte-clair);
    cursor: pointer;
}
.ob-au-case-souvenir input {
    width: 16px;
    height: 16px;
    accent-color: var(--ob-vert-jardin);
}

.ob-au-lien-oublie {
    font-size: 0.83rem;
    color: var(--ob-bleu-vif);
    font-weight: 700;
}
.ob-au-lien-oublie:hover {
    color: var(--ob-orange-vif);
}

@media (max-width: 575.98px) {
    .ob-au-carte {
        padding: 1.6rem;
    }
}