document.addEventListener('DOMContentLoaded', function() {
const header = document.querySelector('.header'); // Adjust if your header has a different class
function checkHeaderTransparency() {
if (!header) return;
const scrollY = window.scrollY || window.pageYOffset;
// Add 'transparent' class if at top of page
if (scrollY === 0) {
header.classList.add('transparent');
} else {
header.classList.remove('transparent');
}
}
// Run on scroll and on page load
window.addEventListener('scroll', checkHeaderTransparency);
checkHeaderTransparency();
});
