/*
 * bbs.css
 * 게시판 공용 스타일 (목록/상세/FAQ/자료실 등)
 *
 * - 전역 레이아웃/타이포: default.css, responsive.css
 * - 게시판 전용 공통 패턴:
 *   - 상단 타이틀/서브타이틀 영역(.bbs-header)
 *   - 히어로 섹션 이미지(.bbs-hero)
 *   - 하단 버튼 영역(.bbs-actions)
 *   - 페이지네이션(.bbs-pagination)
 *
 * 개별 게시판 전용 스타일은 각 스킨/페이지 CSS에서 정의하고,
 * 이 파일은 공통 구조/간격/타이포만 담당한다.
 */

/* ---------------------------------------------------------
   BBS namespace primitives (design system)
--------------------------------------------------------- */
.bbs-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}

.bbs-actions__primary,
.bbs-actions__secondary {
  display:flex;
  align-items:center;
  gap:12px;
}

.bbs-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

.bbs-pagination__item {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  min-width:32px;
  border-radius:4px;
  font-size:16px;
  line-height:32px;
  font-weight:700;
  background:#fff;
  border:1px solid var(--color-border);
  color:var(--color-text);
  text-decoration:none;
}

.bbs-pagination__item:hover {
  background:var(--color-bg-soft);
}

.bbs-pagination__item--active {
  background:var(--color-point);
  border-color:var(--color-point);
  color:var(--color-white);
}

/* ---------------------------------------------------------
   Compatibility: gnuboard pagination (classes generated by get_paging)
   bbs.css가 마지막에 로드되므로, 디자인시스템 간격을 여기서 보정한다.
--------------------------------------------------------- */
#bo_list .pg,
#bo_list .pg_wrap .pg {
  gap:16px;
}

@media (max-width: 767px) {
  .bbs-pagination__item {
    width:40px;
    height:40px;
    min-width:40px;
    line-height:40px;
  }

  #bo_list .pg,
  #bo_list .pg_wrap .pg {
    gap:16px;
  }
}