/* 도시농부 게시판 — 값은 Urban Farmer → 게시판 설정에서 조정합니다 */
/* =========================================================
   게시판 (쿼리 반복문) - 도시농부 디자인
   ========================================================= */

/* 게시판이 있는 페이지만 본문 폭 제한(860px) 해제 → 테마 컨테이너 폭 사용 */
.page .entry-content:has(.notice-board) {
  max-width: none;
}

/* ----- 줄 공통 (머리글 + 글 목록) ----- */
.inside-article .board-row {
  display: grid;
  grid-template-columns: var(--ufb-col-cat, 140px) 1fr var(--ufb-col-date, 120px);  /* 구분 | 제목 | 게시일자 */
  align-items: center;
  gap: 0;
  margin: 0;
  padding: var(--ufb-row-pad, 15px) 8px;
  border-bottom: 1px solid #efe5d6;
  transition: background-color .15s;
}
.inside-article .board-row > * {
  margin: 0;
  min-width: 0;
  font-size: var(--ufb-font, 15px);
  line-height: 1.5;
  font-weight: 400;
}

/* ----- 머리글 ----- */
.inside-article .board-head {
  background: var(--ufb-head-bg, #f7f1e6);
  border-top: 2px solid var(--ufb-accent, #566b45);
  border-bottom: 1px solid var(--ufb-border, #e9dcc8);
  padding: 13px 8px;
}
.inside-article .board-head > * {
  font-size: 14px;
  font-weight: 600;
  color: #5c4c3f;
  text-align: center;
}

/* ----- 글 목록 ----- */
.inside-article .notice-board { margin-top: 0; }
.inside-article .notice-board .wp-block-post-template {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inside-article .notice-board .wp-block-post-template > li { margin: 0; }
.inside-article .notice-board .wp-block-post-template > li:hover .board-row {
  background: #fbf6ec;
}

/* 구분: 연녹색 알약 배지 */
.inside-article .board-row .wp-block-post-terms {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
}
.inside-article .board-row .wp-block-post-terms__separator { display: none; }
.inside-article .board-row .wp-block-post-terms a {
  display: inline-block;
  margin: 1px 2px;
  padding: 3px 10px;
  border-radius: 999px;
  background: #eef1e9;
  color: var(--ufb-accent, #566b45);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

/* 제목 */
.inside-article .board-row .wp-block-post-title {
  padding: 0 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inside-article .board-row .wp-block-post-title a {
  color: #3a2e27;
  font-weight: 500;
  text-decoration: none;
}
.inside-article .board-row .wp-block-post-title a:hover { color: var(--ufb-accent-2, #c1622d); }

/* 게시일자 */
.inside-article .board-row .wp-block-post-date {
  text-align: center;
  color: #8a7a6c;
  font-size: 14px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* ----- 페이지 번호: ‹ 1 2 3 › ----- */
.inside-article .notice-board .wp-block-query-pagination {
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 32px 0 24px;
}
.inside-article .notice-board .wp-block-query-pagination-numbers {
  display: flex;
  gap: 6px;
  margin: 0;
}
.inside-article .notice-board .wp-block-query-pagination .page-numbers,
.inside-article .notice-board .wp-block-query-pagination-previous,
.inside-article .notice-board .wp-block-query-pagination-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 38px;
  height: 38px;
  padding: 0 6px;
  margin: 0;
  border: 1px solid var(--ufb-border, #e9dcc8);
  border-radius: 6px;
  background: #fff;
  color: #5c4c3f;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}
.inside-article .notice-board .wp-block-query-pagination a:hover {
  background: #fbf6ec;
  border-color: #c9bba6;
  color: #3a2e27;
}
/* 현재 페이지 */
.inside-article .notice-board .wp-block-query-pagination .page-numbers.current {
  background: var(--ufb-accent, #566b45);
  border-color: var(--ufb-accent, #566b45);
  color: #fff;
  font-weight: 700;
}
/* 생략(…) 표시 */
.inside-article .notice-board .wp-block-query-pagination .page-numbers.dots {
  min-width: auto;
  border-color: transparent;
  background: none;
}
/* 이전/다음: 글자 숨기고 ‹ › 표시 */
.inside-article .notice-board .wp-block-query-pagination-previous,
.inside-article .notice-board .wp-block-query-pagination-next {
  font-size: 0;
}
.inside-article .notice-board .wp-block-query-pagination-previous::before {
  content: "‹";
  font-size: 20px;
}
.inside-article .notice-board .wp-block-query-pagination-next::before {
  content: "›";
  font-size: 20px;
}
.inside-article .notice-board .wp-block-query-pagination-previous-arrow,
.inside-article .notice-board .wp-block-query-pagination-next-arrow {
  display: none;
}

/* ----- 모바일: 제목 | 날짜만 ----- */
@media (max-width: 600px) {
  .inside-article .board-row {
    grid-template-columns: 1fr 88px;
    padding: 13px 4px;
  }
  .inside-article .board-row .wp-block-post-terms,
  .inside-article .board-head > :first-child { display: none; }
  .inside-article .board-row .wp-block-post-title { padding: 0 12px 0 4px; }
  .inside-article .board-row .wp-block-post-date { font-size: 13px; padding: 0; }
  .inside-article .notice-board .wp-block-query-pagination .page-numbers,
  .inside-article .notice-board .wp-block-query-pagination-previous,
  .inside-article .notice-board .wp-block-query-pagination-next {
    min-width: 34px;
    height: 34px;
  }
}

/* 글 하단 게시판 목록 */
.single .board-list {
  max-width: none;      /* 본문 글 폭과 맞춤 */
  margin: 48px auto 0;
}
.single .board-list .wp-block-buttons { margin-top: 20px; }
.single .board-list .wp-block-button__link {
  background: #fff;
  border: 1px solid var(--ufb-accent-2, #c1622d);
  border-radius: 999px;
  color: var(--ufb-accent-2, #c1622d);
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px;
}
.single .board-list .wp-block-button__link:hover {
  background: var(--ufb-accent-2, #c1622d);
  color: #fff;
}

/* 현재 보고 있는 글 */
.board-list li.is-current .board-row { background: var(--ufb-head-bg, #f7f1e6); }
.board-list li.is-current .wp-block-post-title span {
  color: var(--ufb-accent, #566b45);
  font-weight: 700;
}
/* 전체 목록 보기 버튼 */
.board-list .wp-block-buttons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.board-list .wp-block-button__link {
  background: #fff;
  border: 1px solid var(--ufb-accent-2, #c1622d);
  border-radius: 999px;
  color: var(--ufb-accent-2, #c1622d);
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px;
}
.board-list .wp-block-button__link:hover {
  background: var(--ufb-accent-2, #c1622d);
  color: #fff;
}