/**
 * Component: pagination.css
 * Usage: ページネーション（WP-PageNavi対応）
 * Source: base.css から分割
 */

/* ================================================
   ページネーション（モバイルファースト）
   ================================================ */

.bl_pager {
  margin-top: 32px;
}

.bl_pager_list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
}

.bl_pager_item a,
.bl_pager_item span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #808E9D;
  transition: color 0.3s ease;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  font-weight: 700;
}

.bl_pager_item a:hover {
  color: #333;
}

/* 現在のページ */
.bl_pager_item .current {
  color: #001E3C;
  background:#F2F4F5;
}

/* 省略記号 */
.bl_pager_item .dots {
  color: #999;
}

/* ================================================
   Tablet / PC (768px〜)
   ================================================ */
@media screen and (min-width: 768px) {
  .bl_pager {
    margin-top: 48px;
  }

  .bl_pager_list {
    gap: 16px;
  }

  .bl_pager_item a,
  .bl_pager_item span {
    font-size: 16px;
  }
}