@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
// Cocoonのアクセスカウンターを管理者だけに表示
add_filter('cocoon_postview_show', function($show) {
    // 管理者なら表示
    if(current_user_can('administrator')) {
        return true;
    }
    // 管理者以外は非表示
    return false;
});
add_action('wp_footer', function() {
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const parents = document.querySelectorAll('.drawer-menu .menu-item-has-children > a');
        parents.forEach(parent => {
            parent.addEventListener('click', function(e) {
                const submenu = parent.nextElementSibling;
                if(submenu && submenu.classList.contains('sub-menu')) {
                    e.preventDefault(); // 親リンク遷移を止める
                    submenu.classList.toggle('open'); // 子メニューの開閉
                }
            });
        });
    });
    </script>
    <style>
    /* 子メニューの開閉アニメーション */
    .drawer-menu .sub-menu {
        display: none;
        padding-left: 15px;
    }
    .drawer-menu .sub-menu.open {
        display: block;
    }
    </style>
    <?php
});
add_action('wp_footer', function() {
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const menuParents = document.querySelectorAll('.drawer-menu .menu-item-has-children > a');
        menuParents.forEach(parent => {
            parent.addEventListener('click', function(e) {
                const submenu = parent.nextElementSibling;
                if(submenu && submenu.classList.contains('sub-menu')) {
                    // 子メニューが閉じていたら開く
                    if(!submenu.classList.contains('open')) {
                        e.preventDefault(); // ページ遷移を止める
                        submenu.classList.add('open');
                        // 他の子メニューは閉じる
                        document.querySelectorAll('.drawer-menu .sub-menu.open').forEach(sm => {
                            if(sm !== submenu) sm.classList.remove('open');
                        });
                    }
                    // すでに開いている場合は親リンク通り遷移
                }
            });
        });
    });
    </script>
    <style>
    .drawer-menu .sub-menu {
        display: none;
        padding-left: 15px;
    }
    .drawer-menu .sub-menu.open {
        display: block;
    }
    </style>
    <?php
});