/* Lirio — site theme (navy + gold, matching the illustrations) */
:root {
  --navy-900: #1b2842;
  --navy-700: #33507f;
  --navy-500: #5b6a86;
  --navy-200: #c9d7ee;
  --bg-soft: #eef3fb;
  --gold: #f4c033;
}

body { overflow-x: hidden; color: #23303f; }
.serif { font-family: Georgia, "Times New Roman", serif; }
.navbar-brand { font-family: Georgia, serif; }

/* ---- Full-bleed helper (breaks out of the .container) ---- */
.fullbleed { width: 100vw; position: relative; left: 50%; margin-left: -50vw; }

/* ---- Hero ---- */
.hero {
  background: linear-gradient(135deg, #1b2842 0%, #33507f 100%);
  color: #eaf0fb;
  padding: 4rem 0 4.5rem;
  margin-top: -1.5rem;
  margin-bottom: 2.5rem;
}
.hero h1 {
  font-family: Georgia, serif;
  font-weight: 700;
  font-size: clamp(2.1rem, 4vw, 3.1rem);
  letter-spacing: -0.5px;
}
.hero .lead { color: #c9d7ee; max-width: 42rem; }
.hero .accent { color: var(--gold); }
.hero .stat {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 0.4rem 0.95rem;
  font-size: 0.85rem;
}
.hero .stat b { color: #fff; }

/* ---- How-it-works strip ---- */
.hiw .item { padding: 0.5rem 0; }
.hiw .emoji { font-size: 1.7rem; line-height: 1; }
.hiw .t { font-weight: 600; color: var(--navy-900); }
.hiw .d { color: var(--navy-500); font-size: 0.9rem; }

/* ---- Section headers ---- */
.section-title {
  font-family: Georgia, serif;
  font-weight: 700;
  color: var(--navy-900);
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.section-title::after {
  content: "";
  flex: 1;
  height: 2px;
  margin-left: 0.75rem;
  background: linear-gradient(90deg, var(--gold), transparent);
  border-radius: 2px;
}
.section-title .count { color: var(--navy-500); font-size: 1rem; font-weight: 400; }

/* ---- Book cards ---- */
.book-card {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--navy-200);
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.book-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(27, 40, 66, 0.16); }
.book-cover {
  aspect-ratio: 3 / 4;
  background: var(--bg-soft);
  display: flex;
  align-items: center;
  justify-content: center;
}
.book-cover img { width: 100%; height: 100%; object-fit: cover; }
.book-cover.placeholder { font-family: Georgia, serif; font-size: 2.6rem; color: var(--navy-500); }
.book-card .body { padding: 0.6rem 0.75rem 0.75rem; display: flex; flex-direction: column; flex: 1; }
.book-card .title { font-family: Georgia, serif; font-weight: 700; color: var(--navy-900); font-size: 1.06rem; line-height: 1.25; }
.book-card .author { color: var(--navy-500); font-size: 0.84rem; margin-top: 0.15rem; }
.book-card .meta { margin-top: auto; display: flex; gap: 0.35rem; flex-wrap: wrap; justify-content: center; }
.chip { background: var(--bg-soft); color: var(--navy-700); border-radius: 999px; padding: 0.15rem 0.6rem; font-size: 0.72rem; font-weight: 600; }
.book-card .stretched-link::after { position: absolute; inset: 0; content: ""; }

/* ---- Footer ---- */
.site-footer { background: var(--navy-900); color: #aeb9d0; padding: 2rem 0; margin-top: 3.5rem; font-size: 0.9rem; }
.site-footer a { color: #cdd8ee; text-decoration: none; }

/* ---- Dark theme niceties ---- */
[data-bs-theme="dark"] body { color: #d7deea; }
[data-bs-theme="dark"] .book-card { background: #1a1f2b; border-color: #2b3550; }
[data-bs-theme="dark"] .book-cover { background: #141824; border-color: #2b3550; }
[data-bs-theme="dark"] .section-title { color: #e7ecf6; }
[data-bs-theme="dark"] .book-card .title { color: #eaf0fb; }