/* Immersive reading chrome — novel chapter reader only (body.chapter-reader-page). */

/* Fixed site header + slide away on scroll-down immersive */
body.chapter-reader-page header.v3-shell.site-header {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(0);
  transition: transform 0.28s cubic-bezier(0.33, 1, 0.68, 1);
  will-change: transform;
  z-index: 100002;
}

body.chapter-reader-page.chapter-reader-immersive header.v3-shell.site-header {
  pointer-events: none;
  transform: translateY(-100%);
}

body.chapter-reader-page #main-body {
  padding-top: var(--reader-site-header-height, 96px);
  transition: padding-top 0.28s cubic-bezier(0.33, 1, 0.68, 1);
}

body.chapter-reader-page.chapter-reader-immersive #main-body {
  padding-top: 0;
}

/* Desktop: full-size chapter topbar — sticky only (no compact mode) */
@media (min-width: 576px) {
  body.chapter-reader-page #chapterReaderTopbar {
    position: sticky;
    top: var(--reader-site-header-height, 96px);
    transition: top 0.28s cubic-bezier(0.33, 1, 0.68, 1);
    /* Below reader drawers (z-index 1000) and floating controls (999) */
    z-index: 90;
  }

  body.chapter-reader-page.chapter-reader-immersive #chapterReaderTopbar {
    top: 0;
  }
}