/* Password toggle - Joomla 5 / Flex */

.input-password-toggle .fa-eye.icon-eye-slash::before {
    content: "\f070";
}

/* =========================================
   Joomla 5 - Password Reset / Complete
   Flex compatibility fix
   ========================================= */

/* Mantiene campo password e pulsante sulla stessa riga */
body.com-users.view-reset.layout-complete
.password-group .input-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}

/* Impedisce al campo di occupare tutta la riga */
body.com-users.view-reset.layout-complete
.password-group .input-group > input.form-control {
    flex: 1 1 0%;
    width: 1% !important;
    min-width: 0;
}

/* Dimensioni del pulsante di visualizzazione */
body.com-users.view-reset.layout-complete
.password-group .input-password-toggle {
    flex: 0 0 42px;
    width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* Font Awesome per le icone Joomla */
body.com-users.view-reset.layout-complete
.input-password-toggle .icon-eye::before,
body.com-users.view-reset.layout-complete
.input-password-toggle .icon-eye-slash::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    display: inline-block;
}

/* Password nascosta: occhio aperto */
body.com-users.view-reset.layout-complete
.input-password-toggle .icon-eye::before {
    content: "\f06e";
}

/* Password visibile: occhio barrato */
body.com-users.view-reset.layout-complete
.input-password-toggle .icon-eye-slash::before {
    content: "\f070";
}

/* Joomla 5 - Login page password toggle */

body.com-users.view-login
.input-password-toggle .icon-eye::before,
body.com-users.view-login
.input-password-toggle .icon-eye-slash::before {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 900 !important;
    font-style: normal;
    display: inline-block;
}

/* Password nascosta */
body.com-users.view-login
.input-password-toggle .icon-eye::before {
    content: "\f06e" !important;
}

/* Password visibile */
body.com-users.view-login
.input-password-toggle .icon-eye-slash::before {
    content: "\f070" !important;
}