/**
 * Block Skin: board/basic  (게시판 최신글 — 기본 스킨)
 *
 * 스코프 규칙(패키지 블록 스킨 공통):
 *   모든 선택자를 스킨 고유 루트 `.block-{type}--{package}-{skin}` 로 시작한다.
 *   → 여기서는 `.block-board--board-basic`
 *   이렇게 하면 스킨 제작자가 여럿이어도(같은 "basic" 이름이라도) 한 화면에서 충돌하지 않는다.
 *
 * 로드: basic.php 에서 $assets->addCss('/serve/package/Board/views/Block/board/basic/style.css')
 * 본문 padding 은 BlockRenderService 가 칸별 동적 <style>(#bc-{id} .block-body)로 처리 → 여기서 건드리지 않음.
 * 공용 프리미티브(.block-title/.block-body/.block-empty)는 코어(block.css) 소유 → 커스터마이즈하려면 반드시 루트로 감쌀 것.
 *
 * 레이아웃: 아이템당 2줄
 *   1줄(.block-board__head) : 제목(+N뱃지)  ······  댓글수
 *   2줄(.block-board__meta) : 작성자  작성일
 */

/* ── 빈 상태 (칸을 세로로 꽉 채우는 테두리 박스) ── */
/* 칸(.block-column)은 .block-row(align-items:stretch)로 행 높이만큼 늘어나므로,
   .block-board → __content 체인을 full-height flex 로 이어 empty 박스가 칸을 꽉 채우게 한다. */
.block-board--board-basic {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.block-board--board-basic .block-board__content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.block-board--board-basic .block-board__empty {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;      /* 아이콘 위 · 글자 아래 */
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 16px;
    border: 1px dashed var(--border);
    border-radius: 10px;
    /* 글자·아이콘만 연하게 (테두리 색은 유지) */
    color: color-mix(in srgb, var(--muted-foreground) 55%, transparent);
    font-size: 0.875rem;
}

/* 빈 상태 아이콘 — 글자보다 조금 크게 */
.block-board--board-basic .block-board__empty-icon {
    font-size: 1.75rem;
    line-height: 1;
}

/* ── 목록 ─────────────────────────────── */
.block-board--board-basic .block-board__list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--border);       /* 목록 위 라인 */
    border-bottom: 1px solid var(--border);    /* 목록 아래 라인 */
}

/* ── 아이템(행) ───────────────────────── */
.block-board--board-basic .block-board__item {
    border-bottom: 1px solid var(--border);
}

.block-board--board-basic .block-board__item:last-child {
    border-bottom: none;
}

/* 아이템당 2줄 스택 (제목줄/작성자줄 사이 행간 없음) */
.block-board--board-basic .block-board__link {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    color: inherit;
    text-decoration: none;
    text-align: left;            /* 카드 테마의 가운데정렬 상속 차단 */
}

/* ── 1줄: 제목 + 댓글 ─────────────────── */
.block-board--board-basic .block-board__head {
    display: flex;
    align-items: center;
    gap: 6px;
}

.block-board--board-basic .block-board__title {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;          /* 살짝 축소 */
    color: var(--foreground);
}

/* 행 hover — 제목만 살짝 연하게 */
.block-board--board-basic .block-board__link:hover .block-board__title {
    color: var(--muted-foreground);
}

/* N 뱃지 (신규글) — gallery처럼 알약형 뱃지 */
.block-board--board-basic .block-board__badge-new {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    padding: 0 5px;
    border-radius: 4px;
    background: var(--primary);
    color: var(--primary-foreground);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
}

/* 댓글수 — 2행 끝(오른쪽)으로 */
.block-board--board-basic .block-board__comment {
    flex: 0 0 auto;
    margin-left: auto;
    color: #e8552d;
    font-size: 12px;
}

/* ── 2줄: 작성자 + 작성일 ─────────────── */
.block-board--board-basic .block-board__meta {
    display: flex;
    align-items: center;
    line-height: 1.25;
    margin-top: 2px;
    color: var(--muted-foreground);
    font-size: 12px;
}

.block-board--board-basic .block-board__author {}

/* 작성자 · 작성일 사이 가운뎃점 (날짜 있을 때만 노출) */
.block-board--board-basic .block-board__sep {
    margin: 0 6px;
    color: var(--border);
}