/* Wrapper général */
.ydu_password_wrapper {
    position: relative;
}

/* Champs password */
.ydu_password_wrapper input[type="password"],
.ydu_password_wrapper input[type="text"] {
    width: 100%;
    padding-right: 40px;
}

/* Styles communs du toggle */
.ydu_toggle_password {
    position: absolute !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;

    font-size: 0 !important; /* neutralise dashicons par défaut */
    width: 22px !important;  /* taille réduite */
    height: 22px !important;
}

.ydu_toggle_password .dashicons {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
}

.icon-eye-off { display: none; }
.ydu_toggle_password.active .icon-eye { display: none; }
.ydu_toggle_password.active .icon-eye-off { display: inline-block; }


/* ----------------------------- */
/*   ALIGNEMENT SPÉCIFIQUE       */
/* ----------------------------- */

/* Champ 1 → OK : on garde ton bon alignement */
#wlm_password_field1 + .ydu_toggle_password {
    top: calc(50% + 10px) !important;
}

/* Champ 2 → Mauvais : on corrige ici */
#wlm_password_field2 + .ydu_toggle_password {
    top: calc(50% + 4px) !important; /* Ajustement plus haut */
}
