@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){
  /*必要ならばここにコードを書く*/
}

/* 子カテゴリーを隠す */
.widget_categories .children {
    display: none !important; 
}

/* 表示されている時は出す */
.widget_categories .is-open + .children {
    display: block !important;
}

/* ボタンのスタイルを強制指定 */
.widget_categories .cat-item {
    position: relative;
    list-style: none;
}

.toggle-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
    height: 25px;
    background: #333; /* 真っ黒な四角を表示させる */
    color: #fff;       /* 文字を白にする */
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: 3px;
}

/* アイコンが出ない時のための代用文字（プラス・マイナス） */
.toggle-btn::before {
    content: '+'; 
    font-size: 18px;
    font-weight: bold;
}

.toggle-btn.is-open::before {
    content: '-';
}