/*
Theme Name: Cocoon Child
Template: cocoon-master
*/

/* ① リスト（li）の「右へ飛ばす機能（flex）」を物理的に破壊する */
.widget_categories ul li {
    display: block !important;    /* 横並び機能を完全にオフ */
    float: none !important;
    text-align: left !important;
}

/* ② リンク（a）を左に固定する */
.widget_categories ul li a {
    display: inline !important;   /* リンクを文字として扱う */
    background-color: transparent !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* ③ 数字（.count または .post-count）をリンクのすぐ隣に密着させる */
.widget_categories ul li .count,
.widget_categories ul li .post-count {
    display: inline !important;   /* 強制的に文字として並べる */
    float: none !important;       /* 右端への浮遊を禁止 */
    position: static !important;  /* 位置固定を解除 */
    margin-left: 4px !important;  /* 名前との間に少しだけ隙間を作る */
    color: #666 !important;
}

/* ④ カッコをCSSで「上書き」ではなく「強制付与」する */
.widget_categories ul li .count::before,
.widget_categories ul li .post-count::before {
    content: "(" !important;
}

.widget_categories ul li .count::after,
.widget_categories ul li .post-count::after {
    content: ")" !important;
}