/* Pozicioniranje oka unutar input polja */
.password-field-wrapper {
    position: relative;
}

.password-field-wrapper .form-control {
    padding-right: 2.75rem; /* Ostavlja prostor sa desne strane za ikonicu */
}

/* Uklanja Bootstrap ikonicu upozorenja u stanju greške samo na poljima za lozinku */
.password-field-wrapper .form-control.is-invalid {
    background-image: none !important;
    padding-right: 2.75rem; /* Održava razmak za oko */
}

.btn-password-toggle {
    position: absolute;
    right: 0.25rem;
    top: 19px; /* Fiksirano na vertikalni centar input polja (bez uticaja greske) */
    transform: translateY(-50%);
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

.btn-password-toggle .eye-icon-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: background-color 0.2s ease, color 0.2s ease;
    color: #6c757d;
}

.btn-password-toggle:hover .eye-icon-wrapper {
    background-color: rgba(0, 0, 0, 0.08);
    color: #212529;
}

/* Prikaz greske ispod wrappera */
.password-field-wrapper .invalid-feedback {
    display: block;
}