/* BASIC css start */
/* ============================================================================
 * 게시판 목록 (board_list.*.css) — 어헤이 고객센터 스킨
 * ----------------------------------------------------------------------------
 * 메이크샵 [게시판 디자인 > 목록]의 CSS 탭에 넣는다.
 * 메이크샵이 생성하는 요소(검색 input·radio)와 페이저처럼 HTML 클래스로 못 잡는 것만.
 * 탭/행/상태아이콘 등 레이아웃은 공통 novels.css(rose 자동)가 담당.
 * .nv 스코프라 메이크샵 기본 게시판(장바구니/주문)엔 영향 없음.
 * (인클리어 board_list.css에서 체크 라디오 색만 네이비→로즈로 변경)
 * ========================================================================== */

/* 검색 입력칸 — 메이크샵 input_keyword 가 생성하는 <input>. 알약 박스 안에 테두리 없이 */
.nv .nv-board-search-box input {
  border: none;
  background: transparent;
  outline: none;
  height: 40px;
  width: 140px;
  padding: 0;
  font-size: 14px;
  color: var(--color-text-main);
}
.nv .nv-board-search-box input::placeholder { color: var(--color-text-muted); }

/* 검색 옵션(제목/내용/상품) — 기본 라디오 숨기고 텍스트를 알약 토글로. */
.nv .nv-radio {
  display: inline-flex;
  align-items: center;
}
.nv .nv-radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.nv .nv-radio > span {
  display: inline-block;
  padding: 6px 13px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text-muted);
  transition: background-color var(--motion-fast), color var(--motion-fast);
}
.nv .nv-radio input[type="radio"]:checked + span {
  background: var(--color-section-soft);
  color: var(--color-brand);          /* 어헤이 로즈(인클리어는 brand-blue 네이비) */
  font-weight: 700;
}
.nv .nv-radio:hover > span {
  color: var(--color-text-main);
}

/* 탭(.nv-board-tab)·상태아이콘(.nv-board-ic)·행(.nv-board-row) = 공용 novels.css */

/* 페이저 버튼 */
.nv .nv-pg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 6px;
  border-radius: 10px;
  font-size: 14px;
  color: var(--color-text-sub);
  transition: background-color var(--motion-fast), color var(--motion-fast);
}
.nv .nv-pg:hover {
  background: var(--color-section-soft);
  color: var(--color-text-main);
}
.nv .nv-pg-current,
.nv .nv-pg-current:hover {
  background: var(--color-button-primary-bg);
  color: var(--color-button-primary-text);
  font-weight: 700;
}

/* 문의 말머리/상태 칩(.nv-qa-*)과 답변 행 스타일은 공용 novels.css 로 승격했다.
   목록(board_list)과 상세(board_view)가 같은 문법을 쓰기 위함. 여기선 정의하지 않는다. */

/* BASIC css end */