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

// 一番最初の 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: .75em .5em;
        color: inherit;
        line-height: 1.4;
        text-decoration: none;

        &:hover {
            background-color: $hover_gray;
        }
    }
}

// アイコン用の before要素
.wp-block-categories,
.wp-block-archives,
.widget_nav_menu,
.widget_archive,
.widget_categories,
.widget_pages {

    a::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.5em;

    &::before {
        transform: scale(.8) translateX(1px) translateY(-50%);
        transform-origin: 0 0;
        opacity: .8;

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

.widget_categories,
.wp-block-categories {

    label {
        display: none;
    }
}

//投稿カウント数
.tag-link-count,
.cat-post-count {
    position: relative;
    right: -1px;
    color: #666;
    font-size: 3vw;

    @include tab {
        font-size: 13px;
    }
}

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