/* Destination : assets/css/blog-index.css */

.nh-blog-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin-bottom: 2.5rem; }
.nh-blog-filter {
  border: 2px solid var(--nh-grey-300);
  background: var(--nh-white);
  color: var(--nh-grey-600);
  font-weight: 600;
  font-size: 0.85rem;
  padding: 0.55rem 1.2rem;
  border-radius: 50px;
  transition: var(--nh-transition);
}
.nh-blog-filter:hover { border-color: var(--nh-rose); color: var(--nh-rose); }
.nh-blog-filter.active { background: var(--nh-gradient-primary); border-color: transparent; color: var(--nh-white); }

.nh-blog-card { display: block; background: var(--nh-white); border-radius: var(--nh-radius-md); overflow: hidden; box-shadow: var(--nh-shadow-sm); transition: var(--nh-transition); color: var(--nh-dark); height: 100%; }
.nh-blog-card:hover { transform: translateY(-6px); box-shadow: var(--nh-shadow-md); color: var(--nh-dark); }
.nh-blog-img { aspect-ratio: 16 / 10; }
img.nh-blog-img { width: 100%; object-fit: cover; }
.nh-blog-body { padding: 1.4rem; }
.nh-blog-meta { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.7rem; }
.nh-blog-category { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; color: var(--nh-rose); background: var(--nh-rose-light); padding: 0.25rem 0.7rem; border-radius: 50px; }
.nh-blog-date { font-size: 0.75rem; color: var(--nh-grey-600); }
.nh-blog-body h3 { font-size: 1.05rem; margin-bottom: 0.6rem; }
.nh-blog-body p { font-size: 0.86rem; color: var(--nh-grey-600); margin-bottom: 1rem; }
.nh-blog-read-more { font-size: 0.82rem; font-weight: 700; color: var(--nh-rose); }

/* ---------- État vide ---------- */
.nh-empty-state { text-align: center; padding: 4rem 2rem; background: var(--nh-white); border-radius: var(--nh-radius-lg); box-shadow: var(--nh-shadow-sm); }
.nh-empty-state i { font-size: 2.5rem; color: var(--nh-rose); margin-bottom: 1.2rem; }
.nh-empty-state h3 { margin-bottom: 0.8rem; }
.nh-empty-state p { color: var(--nh-grey-600); max-width: 420px; margin: 0 auto; }

/* ---------- Pagination ---------- */
.nh-pagination { display: flex; justify-content: center; gap: 0.5rem; margin-top: 3rem; flex-wrap: wrap; }
.nh-page-link {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: var(--nh-white);
  color: var(--nh-dark);
  font-weight: 700;
  font-size: 0.88rem;
  box-shadow: var(--nh-shadow-sm);
  transition: var(--nh-transition);
}
.nh-page-link:hover { background: var(--nh-rose-light); color: var(--nh-rose-dark); }
.nh-page-link.active { background: var(--nh-gradient-primary); color: var(--nh-white); box-shadow: var(--nh-shadow-glow); }
.nh-page-link.disabled { opacity: 0.4; pointer-events: none; }