/* === Password Eye (scoped su .pw-eye) === */

/* Disabilita l'occhio nativo Edge/IE */
.pw-eye input[type="password"]::-ms-reveal,
.pw-eye input[type="password"]::-ms-clear {
    display: none;
}

/* Wrapper che conterrà input + bottone */
.pw-eye .pw-wrap {
    position: relative;
    display: block;
    z-index: 10; /* aiuta contro stacking context creati dal tema */
}

    /* Input: spazio a destra e layer sotto al bottone */
    .pw-eye .pw-wrap > input {
        padding-right: 2.75rem; /* spazio per l’icona */
        position: relative;
        z-index: 1; /* sotto al bottone */
    }

/* Bottone occhio posizionato sopra all’input */
.pw-eye .pw-toggle {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20; /* sopra all’input */
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    pointer-events: auto;
    visibility: hidden; /* di default nascosto ma occupa spazio */
}

/* Mostra il bottone solo quando l’input ha valore */
.pw-eye .pw-wrap.has-value .pw-toggle {
    visibility: visible;
}

/* Dimensioni icone */
.pw-eye .pw-toggle svg {
    width: 1.25rem;
    height: 1.25rem;
}

/* Utility locale */
.pw-eye .hidden {
    display: none !important;
}