scripts.js

document.addEventListener("DOMContentLoaded", function () {

    // Hover effect for menu sections to change the box shadow
    const menuSections = document.querySelectorAll(".menu-section");
    menuSections.forEach(section => {
        section.addEventListener("mouseenter", () => {
            section.style.boxShadow = "0 8px 16px rgba(0, 0, 0, 0.3)";
        });
        
        section.addEventListener("mouseleave", () => {
            section.style.boxShadow = "0 4px 10px rgba(255, 193, 7, 0.5)";
        });
    });

    // Contact links hover effect
    const contactLinks = document.querySelectorAll(".contact-section a");
    contactLinks.forEach(link => {
        link.addEventListener("mouseover", () => {
            link.style.color = "#e65100"; // Change color on hover
            link.style.fontWeight = "bold"; // Make font bold on hover
        });
        
        link.addEventListener("mouseleave", () => {
            link.style.color = "white"; // Reset color
            link.style.fontWeight = "normal"; // Reset font weight
        });
    });
});