Fix WooCommerce Popup Customizer

Job Description:

I have a WooCommerce WordPress site using the plugin Advanced Product Fields (Pro) and a theme (Saren - Multi-Concept WooCommerce Theme).

I implemented a popup customization option using the Wombat method, but I’m facing some UI and functional issues that need to be resolved urgently.

⸻

Issues to Fix:

1. Popup Layer Problem
• When the popup opens, product images are appearing above the popup.
• I need the popup to appear on top of everything, regardless of theme styling or z-index conflicts.

2. Price Breakdown Not Displaying
• The live pricing (base price, addon price, grand total) inside the popup is not showing.
• This used to work before — it must update dynamically based on selected options.
• I’m using Advanced Product Fields Pro with live price calculation.

3. Currency Symbol Issue
• WooCommerce displays currency as د.إ (Arabic Dirham symbol), but I need it to show as AED everywhere (products, cart, checkout, emails, etc.).
• I tried code snippets, but the plugin or theme might be overriding it.

4. (Optional but Ideal) Fix Add to Cart button hover effect:
• When hovering inside the popup, the Add to Cart button in the background changes appearance (white with black border or line).
• This is likely due to a CSS :hover or focus-within rule inside the .cart form.