// Open a specific modal
function openModal(modalId) {
    const modal = document.getElementById(modalId);
    if (modal) {
        modal.style.display = 'flex';
    } else {
        console.error(`Modal with ID "${modalId}" not found.`);
    }
}

// Close a specific modal
function closeModal(modalId) {
    const modal = document.getElementById(modalId);
    if (modal) {
        modal.style.display = 'none';
    } else {
        console.error(`Modal with ID "${modalId}" not found.`);
    }
}

// Ensure all modals are hidden on page load
document.addEventListener('DOMContentLoaded', () => {
    const modals = document.querySelectorAll('.modal'); // Select all modals
    modals.forEach(modal => {
        modal.style.display = 'none';
    });
});