@charset "UTF-8";
/* ============================================================
   NEWNEEK 클론 — extra.css
   Bricks 요소(루프/페이지네이션/택소노미) 보정 스타일
   ============================================================ */

/* ---------- 사이드바 TOP 3: 루프 인덱스 번호 (CSS 카운터) ---------- */
.rank-list__items {
  counter-reset: newneek-rank;
}

.rank-item .rank-item__no::before {
  content: counter(newneek-rank);
  counter-increment: newneek-rank;
}

/* ---------- 관련 태그: Post Taxonomy 요소를 칩 목록으로 ---------- */
.article__tags .brxe-post-taxonomy,
.article__tags .brxe-post-taxonomy ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.article__tags .brxe-post-taxonomy li {
  display: flex;
}

.article__tags .brxe-post-taxonomy a {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 6px 14px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-full);
  background: var(--bg-subtle);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  line-height: 1.15;
  color: var(--text-body);
}

.article__tags .brxe-post-taxonomy a:hover {
  color: var(--color-primary);
}

/* ---------- 아카이브 "더 보기": Bricks Pagination 요소를 more-btn 처럼 ---------- */
.archive__more .bricks-pagination {
  display: flex;
  justify-content: center;
  margin-top: var(--sp-8);
}

.archive__more .bricks-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  width: 100%;
  max-width: 320px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.archive__more .bricks-pagination .page-numbers {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 48px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--bg-page);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  color: var(--text-body);
}

.archive__more .bricks-pagination .page-numbers:hover {
  background: var(--bg-subtle);
}

.archive__more .bricks-pagination .page-numbers.current {
  background: var(--bg-subtle);
  color: var(--text-strong);
}

.archive__more .bricks-pagination .page-numbers.dots {
  border: 0;
  background: none;
}

/* ---------- Bricks 기본 요소 리셋 보정 ---------- */
/* 루프 카드가 <a> 링크 래퍼로 렌더될 때 기본 링크 스타일 방지 */
.brxe-block a,
.brxe-div a {
  color: inherit;
  text-decoration: none;
}