/* blog-posts.css - 記事一覧（JS連動・状態クラスのみ） */

.blog-list-item.hidden {
  display: none !important;
}

.blog-cat-item.is-collapsible.hidden {
  display: none;
}

@media (min-width: 768px) {
  .blog-cat-item.is-mobile-hidden,
  .blog-cat-item.is-collapsible.hidden {
    display: flex !important;
  }
}

.blog-cat-item.is-active {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #dbeafe;
}

.blog-cat-item.is-active .blog-cat-count.is-active {
  background-color: #2563eb;
  color: #fff;
}

.blog-page-btn.is-active {
  background-color: #2563eb;
  color: #fff;
  border-color: #2563eb;
  box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.1);
}

.blog-page-btn.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}