/* ==========================================
   WP-PageNavi Override
   ========================================== */

/* 「2 / 3」などのページ数表示を非表示 */
.p-pagination .wp-pagenavi .pages {
    display: none;
}

/* ページャー全体 */
.p-pagination .wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.625rem;
}

/* 各ボタン */
.p-pagination .wp-pagenavi a,
.p-pagination .wp-pagenavi span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;

    border: 1px solid rgba(255,255,255,.3);
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

/* 現在ページ */
.p-pagination .wp-pagenavi .current {
    border-color: #222;
    color: #222;
    background: transparent;
    font-weight: 700;
}

/* ホバー */
.p-pagination .wp-pagenavi a:hover {
    border-color: #222;
    color: #222;
}

/* 前へ・次へ */
.p-pagination .wp-pagenavi .previouspostslink,
.p-pagination .wp-pagenavi .nextpostslink {
    font-size: 1.25rem;
    line-height: 1;
}

/* スマホ */
@media (max-width: 767px) {

    .p-pagination .wp-pagenavi {
        gap: .5rem;
    }

    .p-pagination .wp-pagenavi a,
    .p-pagination .wp-pagenavi span {
        width: 2.2rem;
    }

}