apkmd wordpress theemes

ALL PRODUCTS FROM apkmd wordpress theemes

Cart (0)

Home
Login

.donation-popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(17, 24, 39, 0.55);display: flex;align-items: center;justify-content: center;padding: 20px;z-index: 99999;box-sizing: border-box;}.donation-popup {position: relative;background: #ffffff;width: 100%;max-width: 500px;border-radius: 20px;padding: 30px;box-shadow: 0 20px 60px rgba(0,0,0,0.12);animation: popupFade 0.35s ease;font-family: Arial, sans-serif;}.donation-close {position: absolute;top: 14px;right: 14px;width: 38px;height: 38px;border: none;background: #f3f4f6;color: #111827;font-size: 24px;font-weight: 700;border-radius: 50%;cursor: pointer;transition: 0.3s ease;line-height: 1;}.donation-close:hover {background: #e5e7eb;}.donation-content h3 {margin: 0 0 14px;font-size: 28px;font-weight: 700;color: #111827;text-align: center;}.donation-content p {margin: 0 0 24px;font-size: 16px;line-height: 1.8;color: #4b5563;text-align: center;}.donation-content strong {color: #111827;font-weight: 700;}.donation-btn {display: table;margin: 0 auto;padding: 14px 24px;background: #2563eb;color: #ffffff;text-decoration: none;border-radius: 12px;font-size: 15px;font-weight: 600;transition: 0.3s ease;}.donation-btn:hover {opacity: 0.9;color: #ffffff;}@keyframes popupFade {from {opacity: 0;transform: translateY(20px) scale(0.96);}to {opacity: 1;transform: translateY(0) scale(1);}}.donation-popup-overlay.hidden {display: none;}@media (max-width: 768px) {.donation-popup {padding: 24px;border-radius: 16px;}.donation-content h3 {font-size: 18px;}.donation-content p {font-size: 14px;line-height: 1.7;}.donation-btn {width: 100%;text-align: center;padding: 13px 20px;}} document.addEventListener("DOMContentLoaded", function () { const popup = document.getElementById("donationPopup"); const closeBtn = document.getElementById("closeDonationPopup"); /* Disable body scroll when popup appears */ document.body.style.overflow = "hidden"; function closePopup() { popup.classList.add("hidden"); document.body.style.overflow = "auto"; /* Enable scroll again */ } /* Close by button */ closeBtn.addEventListener("click", function () { closePopup(); }); /* Close by ESC key */ document.addEventListener("keydown", function (e) { if (e.key === "Escape") { closePopup(); } }); /* Close when clicking outside popup */ popup.addEventListener("click", function (e) { if (e.target === popup) { closePopup(); } }); });

Login

Register

apkmd wordpress theemes

ALL PRODUCTS FROM apkmd wordpress theemes

Cart (0)