/*
    リスト系のウィジェットに関するもの
*/

// 一番最初の ulタグ
.wp-block-categories-list,
.wp-block-archives-list,
.widget_nav_menu .menu,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_archive > ul,
.widget_categories > ul,
.widget_pages > ul {
    border-top: solid 1px var(--ark-color_border);
}


// 基本スタイル
.wp-block-categories,
.wp-block-archives,
.widget_nav_menu,
.widget_archive,
.widget_categories,
.widget_pages {

    li {
        position: relative;
        margin: 0 !important;

        a {
            border-bottom: solid 1px var(--ark-color_border);
        }
    }

    a {
        position: relative;
        display: block;
        padding: var(--ark-nav-padding, .75rem .5rem);
        color: inherit;
        text-decoration: none;
        transition: background-color .25s;

        &:hover {
            background-color: var(--ark-hover_gray);
        }
    }

    // アイコン用の before要素
    // &::before {
    //     position: absolute;
    //     top: 50%;
    //     left: 2px;
    //     display: inline-block;
    //     color: inherit;
    //     vertical-align: middle;
    //     transform: translateY(-50%);
    // }

}


// カテゴリーウィジェット
//カテゴリー ブロック
.wp-block-categories > .cat-item > a,
.widget_categories > ul > .cat-item > a {

    padding-left: 1.75rem;

    &::before {
        position: absolute;
        top: 50%;
        left: .5rem;
        display: inline-block;
        color: inherit;
        vertical-align: middle;
        transform: scale(.9) translateY(-50%);
        transform-origin: 0 0;
        opacity: $thin_text_opacity;

        @extend %arkheIcon;
        @extend .arkhe-icon-folder::before;
    }
}

.widget_categories,
.wp-block-categories {

    .children a {
        padding-left: 1.75rem; //カテゴリーアイコンがある分、少し他より大きく
    }

    label {
        display: none;
    }
}

//投稿カウント数
.tag-link-count,
.cat-post-count {
    position: relative;
    display: inline-block;
    margin-left: .25em;
    color: inherit;
    letter-spacing: .5px;
    transform: scale(.8);
    opacity: $thin_text_opacity;
}

// .cat-post-count {
//     margin-left: 2px;
// }