/**
 * Password Toggle Visibility Styles
 */

/* Wrapper untuk form-floating dengan password toggle */
.form-floating-password {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 58px; /* Sama dengan tinggi form-floating Bootstrap */
}

/* Pastikan input dalam form-floating memiliki padding kanan yang cukup untuk tombol */
.form-floating-password input[type="password"],
.form-floating-password input[type="text"] {
    padding-right: 40px;
}

/* Pastikan semua input form-floating memiliki tinggi yang sama */
.form-floating input[type="text"],
.form-floating input[type="password"] {
    height: 58px;
    padding: 1rem 0.75rem;
    line-height: 1.25;
}

/* Konsistensi untuk input username agar sama dengan password */
.form-floating input[type="text"] {
    padding-right: 40px; /* Sama dengan input password */
}

/* Styling untuk tombol toggle password */
.password-toggle-btn {
    transition: all 0.2s ease;
}

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

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

/* Penyesuaian untuk input group */
.input-group .password-toggle-btn {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}