.blog-container .pager,
.blog-list .pager,
.pager {
  display: flex !important;
  gap: 0.5rem !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 1.5rem !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.blog-container .pager__item,
.blog-list .pager__item,
.pager__item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 0.5rem !important;
  border-radius: 6px !important;
  border: 1px solid #e6e6e6 !important;
  color: #1c1c1c !important;
  background: #ffffff !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.blog-container .pager__item--active,
.blog-list .pager__item--active,
.pager__item--active,
.blog-container .pager__item--active a,
.blog-list .pager__item--active a,
.pager__item--active a,
.blog-container .pager__item.is-active,
.blog-list .pager__item.is-active,
.pager__item.is-active,
.blog-container .pager__item .is-active {
  --bs-link-color: #ffffff !important;
  background: #1c5aa5 !important;
  border-color: #1c5aa5 !important;
}

.blog-container .pager__ellipsis,
.blog-list .pager__ellipsis,
.pager__ellipsis {
  padding: 0 0.5rem !important;
  color: #6c6c6c !important;
}

/* Responsive: smaller pager on mobile */
@media (max-width: 768px) {
  .blog-container .pager__item,
  .blog-list .pager__item,
  .pager__item,
  .blog-container .pager__item a,
  .blog-list .pager__item a,
  .pager__item a {
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 0.4rem !important;
  }
}