/**
 * 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: var(--font-xl);
  color: #999;
  font-family: 'Lato', sans-serif;
  transition: color 0.3s ease;
}

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

/* 現在のページ */
.bl_pager_item .current {
  color: #333;
  font-weight: 700;
}

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

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

  .bl_pager_list {
    gap: var(--space-lg);
  }

  .bl_pager_item a,
  .bl_pager_item span {
    font-size: var(--font-2xl);
  }
}