@charset "UTF-8";
/* ============================================================
   NEWNEEK 클론 — pages/archive.css
   카테고리 / 태그 / 프리미엄 아카이브 공통
   Bricks 변환 시 → Category(Tag/Product) 아카이브 템플릿 (루프그리드)
   ============================================================ */

.archive {
  width: 100%;
  flex: 1;
  padding-top: var(--page-pt);
  padding-bottom: var(--sp-20);
}

@media (min-width: 768px) {
  .archive {
    padding-top: var(--page-pt-md);
  }
}

/* ---------- 아카이브 헤더 ---------- */
.archive__header {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1);
  margin-bottom: var(--sp-6);
}

.archive__title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  color: var(--text-strong);
}

@media (min-width: 1024px) {
  .archive__title {
    font-size: var(--fs-3xl);
  }
}

.archive__desc {
  font-size: var(--fs-base);
  color: var(--text-body);
}

.archive__count {
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-subtle);
}

@media (min-width: 768px) {
  .archive__count {
    font-size: var(--fs-base);
  }
}

/* ---------- 카테고리 아카이브 (컨테이너 폭) ---------- */
.archive--category {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

/* LOOP-GRID: 카테고리 포스트 리스트
   Bricks: Loop Grid (쿼리: 현재 카테고리, 컬럼 md 2 / 모바일 1) */
.archive__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-8) var(--sp-8);
}

@media (min-width: 768px) {
  .archive__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---------- 태그 아카이브 (중앙 정렬 좁은 열) ---------- */
.archive--tag {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--article-col);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

/* 태그 리스트 카드: 좌 텍스트 / 우 썸네일 103px→158px */
.archive--tag .row-card {
  grid-template-columns: auto 103px;
}

@media (min-width: 768px) {
  .archive--tag .row-card {
    grid-template-columns: auto 158px;
  }
}

.archive__list {
  display: flex;
  flex-direction: column;
}

/* LOOP-GRID: 태그 포스트 리스트
   Bricks: Loop Grid (쿼리: 현재 태그, 1열 리스트) */
.archive__list > .row-card {
  padding-block: var(--sp-2);
  border-bottom: 1px solid var(--border-light);
}

.archive__list > .row-card:first-child {
  padding-top: var(--sp-6);
}

/* 더보기 */
.archive__more {
  margin-top: var(--sp-8);
}

/* ---------- 프리미엄 아카이브 ---------- */
.archive--premium {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

/* LOOP-GRID: 프리미엄 상품(시리즈) 그리드
   Bricks: Loop Grid (쿼리: product CPT, 컬럼 md 2 / 모바일 1) */
.premium-grid {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: var(--sp-7);
  row-gap: var(--sp-8);
}

@media (min-width: 768px) {
  .premium-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 프리미엄 상품 카드 */
.series-card {
  display: grid;
  grid-template-columns: 4fr 6fr;
  align-items: center;
  column-gap: var(--sp-5);
}

.series-card__thumb {
  position: relative;
  aspect-ratio: var(--thumb-ratio);
  overflow: hidden;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-light);
}

.series-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.series-card__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.series-card__title {
  margin-top: var(--sp-3);
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  line-height: var(--lh-snug);
  color: var(--text-strong);
}

.series-card__desc {
  display: none;
  margin-top: var(--sp-1);
  font-size: var(--fs-base);
  color: var(--text-body);
}

.series-card__count {
  margin-top: var(--sp-2);
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  color: var(--text-body);
}

.series-card:hover .series-card__title {
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .series-card__desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}