});document.addEventListener('DOMContentLoaded', function() {
const fadeItems = document.querySelectorAll('.fade-click');
fadeItems.forEach(function(item) {
item.addEventListener('click', function(e) {
// Optional: prevent instant navigation if the element is a link
if(item.tagName === 'A') {
e.preventDefault();
}
// Add the faded class
item.classList.add('faded');
// If it's a link, navigate after fade
if(item.tagName === 'A') {
setTimeout(function() {
window.location.href = item.href;
}, 1000); // match the 1s transition
}
});
});
});
