/* ============================================================
   BUCH-HERO — finale, isolierte Schimmersee-Regeln
   Wird nach style.css und schimmerpfad.css geladen.
   Stand: 2026-07-19
   ============================================================ */

/* Der Hero bleibt auch im hellen Seitenmodus eine dunkle Buchwelt. */
.book-page--schimmerpfad .hero--book.has-photo {
  --berry: #f1ebdd;
  --cream: #13251f;
  --bw-tint: #25483d;
  --bw-accent: #b8ce3f;
  --bw-ink: #d5e5aa;
  color: var(--berry);
  background: var(--cream);
}

.book-page--schimmerpfad .hero--book.has-photo .btn:not(.btn--ghost) {
  --btn-fg: var(--sp-forest-night);
}

.book-page--schimmerpfad .hero--book.has-photo .book-page__sub {
  color: rgba(241, 235, 221, 0.68);
}

.book-page--schimmerpfad .hero--book.has-photo .book-page__teaser {
  color: rgba(241, 235, 221, 0.82);
}

.book-page--schimmerpfad .hero--book.has-photo .book-facts li,
.book-page--schimmerpfad .hero--book.has-photo .book-shop-links {
  color: rgba(241, 235, 221, 0.74);
}

/* Das Cover steht frei: keine grüne Passepartout-Fläche. */
.book-page--schimmerpfad .hero--book .hero__stage::before {
  display: none;
  content: none;
}

.book-page--schimmerpfad .hero--book .cover-card {
  width: clamp(220px, 27vw, 340px);
  border-radius: 5px;
  box-shadow:
    0 8px 18px rgba(8, 24, 19, 0.28),
    0 42px 78px -24px rgba(5, 18, 14, 0.88);
  transition:
    transform 0.6s cubic-bezier(.2,.8,.3,1),
    box-shadow 0.6s cubic-bezier(.2,.8,.3,1);
}

.book-page--schimmerpfad .hero--book .hero__stage:hover .cover-card,
.book-page--schimmerpfad .hero--book .hero__stage:focus-within .cover-card {
  box-shadow:
    0 12px 24px rgba(8, 24, 19, 0.34),
    0 54px 92px -24px rgba(5, 18, 14, 0.94);
}

/* Die transparente Navigation liegt zunächst direkt auf dem dunklen Hero. */
body.single-buch:has(.book-page--schimmerpfad .hero--book.has-photo) .nav:not(.is-stuck) .brand,
body.single-buch:has(.book-page--schimmerpfad .hero--book.has-photo) .nav:not(.is-stuck) .nav__links a,
body.single-buch:has(.book-page--schimmerpfad .hero--book.has-photo) .nav:not(.is-stuck) .theme-toggle {
  color: #f1ebdd;
}

body.single-buch:has(.book-page--schimmerpfad .hero--book.has-photo) .nav:not(.is-stuck) .nav__links a:hover {
  background: rgba(241, 235, 221, 0.12);
}

body.single-buch:has(.book-page--schimmerpfad .hero--book.has-photo) .nav:not(.is-stuck) .nav__links a.btn {
  --btn-bg: #f1ebdd;
  --btn-fg: #19382f;
  border-color: #f1ebdd;
  background: #f1ebdd;
  color: #19382f;
}

body.single-buch:has(.book-page--schimmerpfad .hero--book.has-photo) .nav:not(.is-stuck) .brand .heart {
  color: rgba(241, 235, 221, 0.7);
}

body.single-buch:has(.book-page--schimmerpfad .hero--book.has-photo) .nav:not(.is-stuck) .theme-toggle {
  border: 1px solid rgba(241, 235, 221, 0.48);
  background: rgba(241, 235, 221, 0.1);
}

@media (max-width: 560px) {
  .book-page--schimmerpfad .hero--book .cover-card {
    width: clamp(220px, 64vw, 260px);
  }
}

/* Das vollständige erste Kapitel darf im Lesemodus frei wachsen. */
.book-page--schimmerpfad .sample-card {
  max-width: 1052px;
}

.book-page--schimmerpfad .sample-card.is-open {
  max-height: none;
}