/* ============================================================
   Books module — premium dedicated directory (/books/).
   Reuses .naat-wx-toolbar + .naat-wsb-* sidebar from writers.css.
   ============================================================ */

.naat-bx-main { padding-top: 112px; }
.naat-bx-wrap { max-width: 1220px; margin: 0 auto; padding: 0 20px 72px; }

/* ---- Header ---- */
.naat-bx-head { text-align: center; padding: 26px 0 30px; }
.naat-bx-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-family: var(--naat-font-ui, sans-serif); font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #b45309; }
.naat-bx-title { font-family: var(--naat-font-ui, "Bricolage Grotesque", sans-serif); font-size: clamp(28px, 5vw, 44px); font-weight: 800; color: #0f172a; margin: .4rem 0 .5rem; line-height: 1.1; }
.naat-bx-lead { max-width: 42rem; margin: 0 auto; font-family: var(--naat-font-ui, sans-serif); font-size: 15px; color: #64748b; line-height: 1.6; }
.naat-bx-headstats { display: inline-flex; gap: 26px; margin-top: 20px; padding: 10px 26px; background: rgba(255,255,255,.7); backdrop-filter: blur(12px); border: 1px solid rgba(226,232,240,.9); border-radius: 999px; box-shadow: 0 10px 30px -22px rgba(120,53,15,.4); }
.naat-bx-headstats span { font-family: var(--naat-font-ui, sans-serif); font-size: 12.5px; color: #64748b; }
.naat-bx-headstats strong { color: #b45309; font-weight: 800; margin-right: 3px; font-size: 15px; }

/* ---- Layout ---- */
.naat-bx-layout { display: grid; grid-template-columns: 1fr; gap: 26px; }
@media (min-width: 1040px) { .naat-bx-layout { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; } }

/* ---- Book cards grid ---- */
.naat-bcx-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 44px; align-items: stretch; }
@media (min-width: 720px) { .naat-bcx-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; row-gap: 52px; } }
@media (min-width: 1100px) { .naat-bcx-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 32px; row-gap: 64px; } }

/* Wrapper is now just a filter target — the global .naat-bcard renders visuals. */
.naat-bcx-card { position: relative; display: flex; }
.naat-bcx-card .naat-bcard { --nbc-w: 100%; width: 100%; }

/* Sidebar accent → amber for books */
.naat-bsb .naat-wsb-h .bi,
.naat-bsb .naat-wsb-searchbox .bi-search,
.naat-bsb .naat-wsb-nav .bi { color: #b45309; }
.naat-bsb .naat-wsb-toggle { background: #b45309; box-shadow: 0 10px 26px -16px rgba(120,53,15,.6); }
.naat-bsb .naat-wsb-stat { background: linear-gradient(160deg, #fffbeb, #fff); border-color: #fde68a; }
.naat-bsb .naat-wsb-stat-num { color: #78350f; }
.naat-bsb .naat-wsb-stat-lbl { color: #b45309; }
.naat-bsb .naat-wsb-a.is-active, .naat-bsb .naat-wsb-chip.is-active { background: #b45309; border-color: #b45309; }
.naat-bsb .naat-wsb-list a:hover, .naat-bsb .naat-wsb-nav a:hover { background: #fffbeb; }
.naat-bsb .naat-wsb-nav a:hover { color: #b45309; }

/* Sidebar mini book cover */
/* Transparent wrapper — the global .naat-bookcover renders the visual. */
.naat-bsb-mini { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; }
/* Compact xs cover for sidebar list rows. */
.naat-bsb-mini .naat-bcard-bare { --nbc-w: 36px; }
.naat-bsb-mini-lg .naat-bcard-bare { --nbc-w: 50px; }

@media (prefers-reduced-motion: reduce) {
	.naat-bcx-card { transition: none; }
	.naat-bcx-card:hover { transform: none; }
}