/*
 * 쿼리 루프 보조 스타일
 * - Query Loop(Grid Query)의 "더 보기" AJAX 버튼을 클론의 .more-btn 외형에 맞춤
 * - 사이드바 TOP 3 루프의 순번을 CSS 카운터로 자동 채번 (루프 아이템이라 정적 번호 불가)
 * - 루프 아이템 li 기본 스타일 제거(카드 마크업은 클론 CSS가 담당)
 */

/* 루프 아이템 리셋 */
.home-grid > li,
.archive__grid > li,
.archive__list > li,
.related__grid > li,
.rank-list .gspbgrid_list_builder > li,
ul[class*="gspb"] > li.gspbgrid_item {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 0;
}

/* 더 보기 버튼 (Query Loop pagination type 2) */
.gspb_ajax_pagination_outer {
	display: flex;
	justify-content: center;
	margin-top: var(--sp-6, 24px);
}
.gspb_ajax_pagination_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 32px;
	border: 1px solid var(--border-default, #E3E4E5);
	border-radius: 8px;
	background: #fff;
	color: var(--text-strong, #111213);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: color .15s ease, border-color .15s ease;
}
.gspb_ajax_pagination_btn:hover {
	color: var(--color-primary, #FF6B00);
	border-color: var(--color-primary, #FF6B00);
}
.gspb_no_more_posts {
	text-align: center;
	color: var(--text-muted, #5D5F61);
	font-size: 14px;
	padding: 24px 0;
}

/* 사이드바 TOP 3 순번 자동 채번 */
.rank-list ul,
ul.rank-list {
	counter-reset: nnrank;
}
.rank-list .rank-item__num::before,
.rank-list .gspbgrid_item .rank-item__num::before {
	counter-increment: nnrank;
	content: counter(nnrank);
}

/* 동적 카테고리 링크(플레이스홀더 치환)가 카드 메타 스타일을 유지하도록 */
.meta__category a,
.rank-item__category a {
	color: inherit;
	text-decoration: none;
}

/* 관련 태그 칩 (wp:post-terms 출력용) */
.article__tags .tag-list a {
	display: inline-flex;
	align-items: center;
	height: 30px;
	padding: 6px 14px;
	border: 1px solid var(--border-default, #E3E4E5);
	border-radius: 9999px;
	background: var(--bg-subtle, #F7F7F8);
	font-size: 14px;
	font-weight: var(--fw-bold, 700);
	line-height: 1.15;
	color: var(--text-body, #454749);
	text-decoration: none;
}
.article__tags .tag-list a:hover {
	color: var(--color-primary, #FF6B00);
	border-color: var(--color-primary, #FF6B00);
}

/* 카테고리 아카이브 하단 AD 카드 2열 */
.archive__ads {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: var(--sp-6, 24px);
}

/* 이미지 없는 글 썸네일 영역 유지 */
.post-card .thumb img,
.row-card .thumb img,
.mini-card .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
