/*
 * MangaHe Child — Reader CSS
 * Loaded only on manga reading pages (conditional enqueue in functions.php)
 */

/* ── Chapter navigation bar improvements ── */
.reading-content .entry-header,
.reading-content .entry-footer {
  padding: 10px 0;
}

/* Bigger tap targets for prev/next on mobile */
.btn-nav-3,
.wp-manga-ch-pre,
.wp-manga-ch-nex {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Style switcher (list / paged) */
.chapter-selection,
.reading-style-selector { max-width: 100%; }

/* Images in reading content */
.reading-content .page-break img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

/* ── Mobile reader ── */
@media (max-width: 767px) {
  .reading-content .page-break img { width: 100%; }

  #manga-reading-nav-head,
  #manga-reading-nav-foot { padding: 8px 4px; }

  /* Prevent chapter nav from overlapping bottom FAB */
  .reading-content-wrap { padding-bottom: 80px; }
}