هشدار هوشمند فیلترشکن در ووکامرس

add_action('wp_footer', 'tav_custom_checkout_popup_notice');
function tav_custom_checkout_popup_notice() {
    if (is_checkout() && !is_order_received_page()) {
        ?>
        <div id="checkout-popup-overlay" style="display: none;">
            <div id="checkout-popup-box">
                <h3>توجه!</h3>
                <p>در صورتی که پرداخت شما انجام نمی‌شود، لطفاً فیلترشکن خود را غیرفعال کنید یا مجدد تلاش نمایید.</p>
                <button id="close-popup-btn">متوجه شدم</button>
            </div>
        </div>

        <style>
            #checkout-popup-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5);
                backdrop-filter: blur(3px);
                z-index: 999999;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            #checkout-popup-box {
                background: #fff;
                padding: 30px;
                border-radius: 12px;
                text-align: center;
                max-width: 400px;
                width: 90%;
                box-shadow: 0 5px 15px rgba(0,0,0,0.3);
                animation: fadeIn 0.3s ease-out;
            }

            #checkout-popup-box h3 {
                margin-bottom: 15px;
                color: #d32f2f;
                font-size: 22px;
            }

            #checkout-popup-box p {
                font-size: 16px;
                line-height: 1.6;
                margin-bottom: 25px;
            }

            #close-popup-btn {
                padding: 12px 25px;
                background-color: #d32f2f;
                color: white;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                font-size: 16px;
                transition: background-color 0.3s;
            }

            #close-popup-btn:hover {
                background-color: #b71c1c;
            }

            @keyframes fadeIn {
                from { opacity: 0; transform: translateY(20px); }
                to { opacity: 1; transform: translateY(0); }
            }
        </style>

        <script>
            document.addEventListener('DOMContentLoaded', function() {
                // Show popup after 3 seconds
                setTimeout(function() {
                    document.getElementById('checkout-popup-overlay').style.display = 'flex';
                }, 3000);

                // Close button functionality
                document.getElementById('close-popup-btn').addEventListener('click', function() {
                    document.getElementById('checkout-popup-overlay').style.display = 'none';
                });

                // Close when clicking outside the box
                document.getElementById('checkout-popup-overlay').addEventListener('click', function(e) {
                    if (e.target === this) {
                        this.style.display = 'none';
                    }
                });
            });
        </script>
        <?php
    }
}