/* ============================================================
   KBoard 기본(default) 스킨 — 클리닉 디자인 오버라이드
   ============================================================
   원본 style.css는 그대로 두고, 이 파일을 그 뒤에 추가로
   불러와서(enqueue 순서상 나중에) 디자인만 덮어쓴다.
   플러그인 업데이트로 style.css가 재배포돼도 이 파일은
   영향받지 않는다.
*/

/* ─────────────────────────────────────────────
   공통 버튼
────────────────────────────────────────────── */
a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small {
  height: 34px;
  line-height: 34px;
  padding: 0 18px;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--main-color) !important;
  background: #fff !important;
  border: 1px solid var(--main-color) !important;
  border-radius: var(--radius-pill);
  transition: background var(--duration), color var(--duration);
}

a.kboard-default-button-small:hover,
input.kboard-default-button-small:hover,
button.kboard-default-button-small:hover {
  background: var(--main-color) !important;
  color: #fff !important;
  opacity: 1;
}

/* "Powered by KBoard" 워터마크는 굳이 강조 안 함 */
.kboard-default-poweredby {
  text-align: center;
  font-size: 12px;
  color: var(--txt-light, #999);
}

.kboard-default-poweredby a {
  color: inherit;
  text-decoration: none;
}


/* ─────────────────────────────────────────────
   리스트(list.php) — 표 디자인 정리
────────────────────────────────────────────── */
#kboard-default-list {
  font-family: inherit;
}

#kboard-default-list .kboard-list-header .kboard-total-count {
  color: var(--txt-light, #888);
  font-size: var(--fs-sm);
}

#kboard-default-list .kboard-sort select {
  border: 1px solid #e5e5e5;
  border-radius: var(--radius-sm, 4px);
  color: var(--txt-base);
}

#kboard-default-list .kboard-category .kboard-category-list {
  background: none;
  border-bottom: 1px solid #eee;
}

#kboard-default-list .kboard-category .kboard-category-list li a {
  color: var(--txt-light, #888);
}

#kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a {
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
}

/* 표 전체 */
#kboard-default-list .kboard-list {
  background: #fff;
}

#kboard-default-list .kboard-list table {
  font-size: var(--fs-body);
}

/* 헤더 행 */
#kboard-default-list .kboard-list thead tr td {
  color: var(--main-color);
  font-weight: 700;
  border-bottom: 2px solid var(--main-color);
  padding: 14px 0;
  background: #fff;
}

/* 본문 행 */
#kboard-default-list .kboard-list tbody tr td {
  border-bottom: 1px solid #f0f0f0;
  padding: 14px 0;
  color: var(--txt-base);
}

#kboard-default-list .kboard-list tbody tr:hover {
  background-color: #faf6fb;
}

#kboard-default-list .kboard-list tbody tr.kboard-list-notice {
  background-color: #fdf3f8;
}

#kboard-default-list .kboard-list tbody tr.kboard-list-notice .kboard-list-title a {
  color: var(--main-color);
  font-weight: 600;
}

/* 공지 뱃지 */
.kboard-default-new-notify {
  background-color: var(--main-color);
  border-radius: 3px;
}

/* 댓글 수 */
#kboard-default-list .kboard-list tbody td.kboard-list-title .kboard-comments-count {
  color: var(--main-color);
}

/* 페이지네이션 */
#kboard-default-list .kboard-pagination-pages li a {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  color: var(--txt-light, #999);
}

#kboard-default-list .kboard-pagination-pages li:hover a,
#kboard-default-list .kboard-pagination-pages li.active a {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}

/* 검색 영역 */
#kboard-default-list .kboard-search select,
#kboard-default-list .kboard-search input {
  border: 1px solid #e5e5e5;
  border-radius: var(--radius-sm, 4px);
}

#kboard-default-list .kboard-search input:focus {
  border-color: var(--main-color);
}


/* ─────────────────────────────────────────────
   글쓰기(editor.php)
────────────────────────────────────────────── */
#kboard-default-editor .kboard-attr-row .attr-name {
  color: var(--txt-base);
}

#kboard-default-editor select:focus,
#kboard-default-editor input[type=text]:focus,
#kboard-default-editor input[type=email]:focus,
#kboard-default-editor input[type=number]:focus,
#kboard-default-editor input[type=date]:focus,
#kboard-default-editor input[type=password]:focus {
  border-bottom: 2px solid var(--main-color);
}


/* ─────────────────────────────────────────────
   상세보기(document.php)
────────────────────────────────────────────── */
#kboard-default-document .kboard-document-wrap {
  border: 1px solid #f0f0f0;
  border-radius: var(--radius-r);
  overflow: hidden;
}

#kboard-default-document .kboard-title h1 {
  color: var(--txt-base);
  font-size: var(--fs-xl);
  padding: 24px 24px 16px;
  border-bottom: 1px solid #f0f0f0;
}

#kboard-default-document .kboard-detail {
  background-color: #faf8fb;
  border-top: none;
  border-bottom: 1px solid #f0f0f0;
}

#kboard-default-document .kboard-detail .detail-attr .detail-name {
  color: var(--main-color);
}

#kboard-default-document .kboard-content .content-view {
  font-size: var(--fs-body);
  line-height: var(--lh-loose);
  color: var(--txt-base);
}

#kboard-default-document .kboard-button-like {
  color: var(--main-color);
}

#kboard-default-document .kboard-document-navi a:hover {
  color: var(--main-color);
}


/* ─────────────────────────────────────────────
   최신글(latest.php) — 메인 노출용
────────────────────────────────────────────── */
#kboard-default-latest table {
  border-bottom: none;
}

#kboard-default-latest table th {
  color: var(--main-color);
  font-weight: 700;
  border-bottom: 2px solid var(--main-color);
}

#kboard-default-latest table td {
  border-top: 1px solid #f0f0f0;
}

#kboard-default-latest table .kboard-latest-title a {
  color: var(--txt-base);
}

#kboard-default-latest table .kboard-latest-title a:hover {
  color: var(--main-color);
}