// ─── Pop-up EVG/EVJF – Page d'accueil ────────────────────────────────────────
add_action( 'wp_footer', 'popup_evg_evjf_html' );
function popup_evg_evjf_html() {
    if ( ! is_front_page() ) return;
    ?>
    <div id="evg-overlay" role="dialog" aria-modal="true" aria-labelledby="evg-title">
        <div id="evg-popup">
            <button id="evg-close" aria-label="Fermer">&times;</button>

            <p class="evg-badge">NOUVEAUTÉ 2026</p>

            <h2 id="evg-title">
                EVG &amp; EVJF<br>
                <span>Séminaire Entreprise &bull; Team Building</span>
            </h2>

            <p class="evg-slogan">
                Tarif spécial pour vos événements :<br>
                <strong>La qualité, le service en plus... et une surprise en plus !</strong>
            </p>

            <ul class="evg-list">
                <li>Enterrement de Vie de Garçon (EVG)</li>
                <li>Enterrement de Vie de Jeune Fille (EVJF)</li>
                <li>Séminaire Entreprise</li>
                <li>Team Building</li>
            </ul>

            <button class="evg-btn" id="evg-cta">Découvrir nos offres</button>
        </div>
    </div>

    <style>
    #evg-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.65);
        z-index: 99999;
        align-items: center;
        justify-content: center;
        padding: 1rem;
    }
    #evg-overlay.evg-visible {
        display: flex;
    }
    #evg-popup {
        background: #fff;
        border-radius: 8px;
        max-width: 520px;
        width: 100%;
        padding: 2.5rem 2rem 2rem;
        position: relative;
        text-align: center;
        box-shadow: 0 20px 60px rgba(0,0,0,.3);
        animation: evgFadeIn .3s ease;
    }
    @keyframes evgFadeIn {
        from { opacity: 0; transform: translateY(-20px); }
        to   { opacity: 1; transform: translateY(0); }
    }
    #evg-close {
        position: absolute;
        top: .75rem;
        right: 1rem;
        background: none;
        border: none;
        font-size: 1.75rem;
        line-height: 1;
        cursor: pointer;
        color: #666;
    }
    #evg-close:hover { color: #000; }

    .evg-badge {
        display: inline-block;
        background: #c8a84b;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        letter-spacing: .1em;
        padding: .3rem .8rem;
        border-radius: 50px;
        margin: 0 0 1.2rem;
        text-transform: uppercase;
    }
    #evg-title {
        font-size: 1.6rem;
        font-weight: 800;
        margin: 0 0 .5rem;
        line-height: 1.25;
        color: #1a1a1a;
        text-transform: uppercase;
    }
    #evg-title span {
        font-size: 1rem;
        font-weight: 600;
        color: #555;
        text-transform: none;
    }
    .evg-slogan {
        font-size: .95rem;
        color: #333;
        margin: 1rem 0 1.2rem;
        line-height: 1.6;
    }
    .evg-list {
        list-style: none;
        padding: 0;
        margin: 0 0 1.5rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: .5rem;
    }
    .evg-list li {
        background: #f4f4f4;
        border-radius: 4px;
        padding: .35rem .8rem;
        font-size: .82rem;
        font-weight: 600;
        color: #222;
        text-transform: uppercase;
        letter-spacing: .05em;
    }
    .evg-btn {
        background: #c8a84b;
        color: #fff;
        border: none;
        padding: .85rem 2rem;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 5px;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: .05em;
        transition: background .2s;
    }
    .evg-btn:hover { background: #a8882e; }

    @media (max-width: 480px) {
        #evg-popup { padding: 2rem 1.2rem 1.5rem; }
        #evg-title { font-size: 1.3rem; }
    }
    </style>

    <script>
    (function () {
        var COOKIE = 'evg_popup_seen';
        var DELAY  = 1500; // ms avant affichage

        function getCookie(name) {
            return document.cookie.split('; ').some(function (c) {
                return c.startsWith(name + '=');
            });
        }
        function setCookie(name, days) {
            var d = new Date();
            d.setTime(d.getTime() + days * 864e5);
            document.cookie = name + '=1; expires=' + d.toUTCString() + '; path=/';
        }

        function openPopup() {
            document.getElementById('evg-overlay').classList.add('evg-visible');
        }
        function closePopup() {
            document.getElementById('evg-overlay').classList.remove('evg-visible');
            setCookie(COOKIE, 7); // ne réapparaît pas pendant 7 jours
        }

        document.addEventListener('DOMContentLoaded', function () {
            if (getCookie(COOKIE)) return;

            setTimeout(openPopup, DELAY);

            document.getElementById('evg-close').addEventListener('click', closePopup);
            document.getElementById('evg-cta').addEventListener('click', closePopup);

            // Clic en dehors de la popup = fermeture
            document.getElementById('evg-overlay').addEventListener('click', function (e) {
                if (e.target === this) closePopup();
            });

            // Touche Échap
            document.addEventListener('keydown', function (e) {
                if (e.key === 'Escape') closePopup();
            });
        });
    })();
    </script>