document.addEventListener('DOMContentLoaded', function() { var popup = document.getElementById('popup-email-attorney'); var closeButton = popup.querySelector('.mfp-close'); // Save the original parent and the next sibling, so we can put the popup back later. var originalParent = popup.parentNode; var originalNextSibling = popup.nextSibling; // Any link or button referencing #email_attorney will trigger the popup var triggers = document.querySelectorAll('a[href="#email_attorney"], button[href="#email_attorney"]'); function showPopup() { // Move popup directly under to avoid any parent z-index constraints if (popup.parentNode !== document.body) { document.body.appendChild(popup); } // Show the popup popup.style.display = 'block'; } function hidePopup() { // Hide the popup popup.style.display = 'none'; // Move popup back to its original place in the DOM if (originalParent && originalParent !== document.body) { // If there was a next sibling, reinsert before it; otherwise, just append if (originalNextSibling) { originalParent.insertBefore(popup, originalNextSibling); } else { originalParent.appendChild(popup); } } } // Attach events to show the popup triggers.forEach(function(trigger) { trigger.addEventListener('click', function(event) { event.preventDefault(); showPopup(); }); }); // Close button closeButton.addEventListener('click', hidePopup); // Clicking outside the .white-popup-block closes the popup popup.addEventListener('click', function(event) { var contentBox = popup.querySelector('.white-popup-block'); if (!contentBox.contains(event.target)) { hidePopup(); } }); // Escape key closes the popup document.addEventListener('keyup', function(event) { if (event.key === 'Escape') { hidePopup(); } }); });