/* 2026-06-16: 서점형(bookstore) 게시판 전용 오버라이드
   - 목록은 board-gallery.css 를 그대로 쓰되, 책표지에 맞춰 세로(2:3) 비율로 표시
   - 상세는 좌(책표지) / 우(제목·저자·자유항목) / 하(설명) 레이아웃 */

/* ===== 목록: 책표지만 깔끔하게 (카드 테두리/배경 제거) ===== */
.bookstore-page .gallery-card {
  background: transparent;
  border: none;
  border-radius: 0;
}
.bookstore-page .gallery-card:hover {
  box-shadow: none;
  transform: none;          /* 오버 시 카드 움직임(translateY) 제거 */
}
.bookstore-page .gallery-card:hover .gallery-card-title {
  text-decoration: underline;   /* 오버 시 제목만 밑줄 */
}
.bookstore-page .gallery-card-image {
  aspect-ratio: 3 / 4;          /* 책표지 세로 비율 */
  background: transparent;      /* 회색 박스 제거 */
  border-radius: 2px;
}
.bookstore-page .gallery-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;            /* 표지 꽉 채움(회색 여백 없음) */
}
.bookstore-page .gallery-card-content {
  padding: 10px 2px 0;
  gap: 3px;                     /* 제목↔저자 간격 축소 */
}
.bookstore-page .gallery-card-meta {
  margin-top: 3px;              /* auto 제거 → 제목 바로 아래 */
  justify-content: flex-start;
}
.bookstore-page .gallery-card-meta .meta-date {
  display: none;                /* 발행일 숨김 (썸네일+제목+저자) */
}

/* ===== 상세: 서점형 레이아웃 ===== */
.bookstore-detail {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.bookstore-detail .book-cover {
  flex: 0 0 260px;
  max-width: 260px;
}
.bookstore-detail .book-cover img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;        /* 표지만 깔끔하게 — 박스/테두리/배경 제거 */
  display: block;
}
.bookstore-detail .book-info {
  flex: 1 1 360px;
  min-width: 280px;
}
.bookstore-detail .book-info .book-title {
  font-size: 22px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 6px;
  line-height: 1.4;
}
.bookstore-detail .book-info .book-author {
  font-size: 15px;
  color: #4b5563;
  margin: 0 0 18px;
}
.bookstore-detail .book-meta-table {
  width: 100%;
  border-top: 1px solid #e5e7eb;
}
.bookstore-detail .book-meta-row {
  display: flex;
  border-bottom: 1px solid #eef0f2;
  padding: 9px 0;
  font-size: 14px;
}
.bookstore-detail .book-meta-row .meta-label {
  flex: 0 0 120px;
  color: #6b7280;
  font-weight: 600;
}
.bookstore-detail .book-meta-row .meta-value {
  flex: 1 1 auto;
  color: #1f2937;
  word-break: break-word;
}
.bookstore-description {
  margin-top: 36px;
  border-top: 1px solid #e5e7eb;
  padding-top: 24px;
  padding-bottom: 32px;   /* 본문과 하단 구분선 사이 간격 확보 */
}
.bookstore-description h3 {
  font-size: 17px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 14px;
}
.bookstore-description .desc-body {
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
}

@media (max-width: 640px) {
  .bookstore-detail .book-cover {
    flex: 0 0 auto;
    max-width: 200px;
    margin: 0 auto;
  }
}