/* ===== STYLES POUR LES BOUTONS DE BASCULEMENT DE MOT DE PASSE ===== */

/* Conteneur pour les champs de mot de passe avec bouton œil */
.password-input-container {
    position: relative !important;
    display: block !important;
}

/* Styles pour tous les champs de mot de passe dans les conteneurs */
.password-input-container input[type="password"],
.password-input-container input[type="text"],
.password-input-container .password-input,
.password-input-container .form-control {
    padding-right: 45px !important; /* Espace pour le bouton œil */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Bouton de basculement de mot de passe */
.password-toggle-btn {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    color: #6c757d !important;
    font-size: 16px !important;
    padding: 5px !important;
    z-index: 10 !important;
    outline: none !important;
}

.password-toggle-btn:hover {
    color: #495057 !important;
}

.password-toggle-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Styles spécifiques pour le formulaire de connexion */
.form-signin .password-input-container {
    position: relative !important;
    margin-bottom: 40px !important;
    margin-top: 20px !important;
}

.form-signin .password-input-container input[type="password"],
.form-signin .password-input-container input[type="text"] {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-right: 45px !important;
    width: 100% !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
}

.form-signin .password-toggle-btn {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    color: #6c757d !important;
    font-size: 16px !important;
    padding: 5px !important;
    z-index: 10 !important;
}

.form-signin .password-toggle-btn:hover {
    color: #495057 !important;
}

/* Styles pour les formulaires EasyAdmin */
.admin-container .password-input-container input[type="password"],
.admin-container .password-input-container input[type="text"],
.admin-container .password-input-container .password-input,
.admin-container .password-input-container .form-control {
    padding-right: 45px !important;
}

/* Assurer que l'icône reste visible */
.password-toggle-btn i {
    pointer-events: none !important;
}