/* ========================================================
   PLANT ETHICALGROW HEADER JS
======================================================== */

document.addEventListener('DOMContentLoaded', function () {

    const accountBtn =
        document.getElementById('pegAccountBtn');

    const accountWrapper =
        accountBtn
            ? accountBtn.closest('.peg-account-wrapper')
            : null;

    const categoryBtn =
        document.getElementById('pegCategoryBtn');

    const categoryWrapper =
        categoryBtn
            ? categoryBtn.closest('.peg-category-nav')
            : null;

    const mobileMenuBtn =
        document.getElementById('pegMobileMenuBtn');

    const mobileMenu =
        document.getElementById('pegMobileMenu');

    const mobileMenuClose =
        document.getElementById('pegMobileMenuClose');

    const mobileOverlay =
        document.getElementById('pegMobileOverlay');

    const searchBtn =
        document.getElementById('pegMobileSearchBtn');

    const searchPanel =
        document.getElementById('pegMobileSearchPanel');


    /* ACCOUNT DROPDOWN */

    if (accountBtn && accountWrapper) {

        accountBtn.addEventListener(
            'click',
            function (event) {

                event.stopPropagation();

                accountWrapper
                    .classList
                    .toggle('open');

                if (categoryWrapper) {
                    categoryWrapper
                        .classList
                        .remove('open');
                }
            }
        );
    }


    /* CATEGORY DROPDOWN */

    if (categoryBtn && categoryWrapper) {

        categoryBtn.addEventListener(
            'click',
            function (event) {

                event.stopPropagation();

                categoryWrapper
                    .classList
                    .toggle('open');

                if (accountWrapper) {
                    accountWrapper
                        .classList
                        .remove('open');
                }
            }
        );
    }


    /* CLOSE DESKTOP DROPDOWNS */

    document.addEventListener(
        'click',
        function (event) {

            if (
                accountWrapper &&
                !accountWrapper.contains(event.target)
            ) {

                accountWrapper
                    .classList
                    .remove('open');
            }

            if (
                categoryWrapper &&
                !categoryWrapper.contains(event.target)
            ) {

                categoryWrapper
                    .classList
                    .remove('open');
            }
        }
    );


    /* MOBILE MENU */

    function openMobileMenu() {

        if (!mobileMenu || !mobileOverlay) {
            return;
        }

        mobileMenu
            .classList
            .add('open');

        mobileOverlay
            .classList
            .add('open');

        document.body.style.overflow =
            'hidden';
    }


    function closeMobileMenu() {

        if (!mobileMenu || !mobileOverlay) {
            return;
        }

        mobileMenu
            .classList
            .remove('open');

        mobileOverlay
            .classList
            .remove('open');

        document.body.style.overflow =
            '';
    }


    if (mobileMenuBtn) {

        mobileMenuBtn.addEventListener(
            'click',
            openMobileMenu
        );
    }


    if (mobileMenuClose) {

        mobileMenuClose.addEventListener(
            'click',
            closeMobileMenu
        );
    }


    if (mobileOverlay) {

        mobileOverlay.addEventListener(
            'click',
            closeMobileMenu
        );
    }


    /* MOBILE SEARCH */

    if (searchBtn && searchPanel) {

        searchBtn.addEventListener(
            'click',
            function () {

                searchPanel
                    .classList
                    .toggle('open');

                const input =
                    searchPanel
                        .querySelector(
                            'input[type="search"]'
                        );

                if (
                    searchPanel
                        .classList
                        .contains('open') &&
                    input
                ) {

                    setTimeout(
                        () => input.focus(),
                        150
                    );
                }
            }
        );
    }


    /* ESC CLOSE */

    document.addEventListener(
        'keydown',
        function (event) {

            if (event.key !== 'Escape') {
                return;
            }

            closeMobileMenu();

            if (searchPanel) {
                searchPanel
                    .classList
                    .remove('open');
            }

            if (accountWrapper) {
                accountWrapper
                    .classList
                    .remove('open');
            }

            if (categoryWrapper) {
                categoryWrapper
                    .classList
                    .remove('open');
            }
        }
    );

});<section class="hero"><div class="wrap"><span class="badge">Plant EthicalGrow</span><h1>Grow better, one healthy plant at a time.</h1><p>Shop nursery plants with transparent minimum quantities, delivery rules and free-plant offers managed from the admin panel.</p><a class="btn" href="/plants.php">Explore Plants</a></div></section>
<section class="section"><div class="wrap"><h2>Featured Plants</h2><div class="grid">
<p>No plants added yet. Add products from Admin → Plants.</p></div></div></section>
</main>
<footer><div class="wrap footergrid">
<div><h3>Plant EthicalGrow</h3><p>Healthy Plants • Better Growth</p></div>
<div><h4>Support</h4><p>support@ethicalgrow.in</p><p>6397165292</p></div>
<div><h4>Policies</h4><p><a href="/page.php?slug=privacy-policy">Privacy</a> · <a href="/page.php?slug=terms">Terms</a></p></div>
</div></footer>
<a class="wa" target="_blank" href="https://wa.me/916397165292?text=Hello%20Plant%20EthicalGrow%2C%20I%20need%20information%20about%20your%20plants.">WhatsApp</a>
<script src="/assets/js/app.js"></script></body></html>