/* Overrides AkeoFr du bouton « œil » mot de passe.
   Le reset du bouton (padding/border/background) et le masquage .d-none sont desormais
   fournis par le brick commun (cdn passwordToggle.css, auto-suffisant sans Bootstrap).
   Ne restent ici que les ajustements PROPRES a la mise en page AkeoFr (marges, transition). */

/* Le form mon-compte applique une marge/hauteur aux <button> : on la neutralise
   sur le bouton oeil pour qu'il reste cale a droite dans le champ. */
.password-field .password-toggle {
    margin: 0;
}

/* L'input mot de passe herite d'un margin-bottom du form mon-compte, qui decale
   verticalement l'oeil (positionne en absolute sur le wrapper). On le neutralise. */
.password-field input[type="password"],
.password-field input[type="text"] {
    margin-bottom: 0;
}

/* Le block-builder AkeoFr applique une transition globale (transition:all / 0.4s) qui
   anime la position de l'oeil (absolute) et du champ lors des re-rendus (connexion /
   deconnexion) : l'icone « sort » du champ puis y revient. On desactive la transition
   sur le champ mot de passe et son bouton pour un rendu stable et instantane. */
.password-field,
.password-field input[type="password"],
.password-field input[type="text"],
.password-field .password-toggle,
.password-field .password-toggle i {
    transition: none;
}