/* ============================================
   EPICMANGA CHILD THEME - MangaHub-Inspired Dark
   Version: 1.0.0
   ============================================ */

:root {
  --em-bg: #0e0e14;
  --em-bg-elevated: #16161f;
  --em-bg-card: #1a1a24;
  --em-border: #26262f;
  --em-purple: #8b5cf6;
  --em-blue: #3ea8ff;
  --em-red: #ff3b5c;
  --em-text: #e8e8ec;
  --em-text-dim: #8b8b96;
  --em-text-faint: #5a5a66;
  --em-star: #f5c518;
}

body {
  background: var(--em-bg) !important;
  color: var(--em-text) !important;
}

/* ---------- HEADER / NAV ---------- */
.site-header, .c-header__top, .main-navigation {
  background: var(--em-bg-elevated) !important;
  border-bottom: 1px solid var(--em-border) !important;
}
.main-navigation .nav-menu > li > a, .main-navigation ul li a {
  color: var(--em-text-dim) !important;
  font-weight: 500;
}
.main-navigation .nav-menu > li > a:hover,
.main-navigation .nav-menu > li.current-menu-item > a {
  color: var(--em-purple) !important;
}

/* ---------- BUTTONS ---------- */
.btn, .comment-form-submit, .wp-manga-action-button,
a.g-recaptcha, input[type="submit"] {
  background: var(--em-blue) !important;
  border-color: var(--em-blue) !important;
  color: #fff !important;
  border-radius: 6px !important;
}
.btn:hover { background: #2a8fe0 !important; }
.login-container a, #myDIV a { color: var(--em-purple) !important; }

/* ---------- MANGA CARDS (Archive / Homepage grid) ---------- */
.page-item-detail {
  background: var(--em-bg-card) !important;
  border-radius: 10px !important;
  overflow: hidden;
  border: 1px solid var(--em-border) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.page-item-detail:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4) !important;
}
.page-item-detail .item-thumb img { border-radius: 10px 10px 0 0; }
.page-item-detail .post-title h3 a {
  color: var(--em-text) !important;
  font-weight: 600;
  font-size: 13px;
}
.page-item-detail .post-title h3 a:hover { color: var(--em-purple) !important; }
.page-item-detail .author.meta { color: var(--em-text-faint) !important; font-size: 11px; }

.page-item-detail .rating .score,
.page-item-detail .total_votes { color: var(--em-star) !important; }

/* ---------- CHAPTER LIST ROWS (2 chapters inline pattern) ---------- */
.page-item-detail .list-chapter { margin-top: 8px; }
.page-item-detail .list-chapter .chapter-item {
  border-top: 1px solid var(--em-border) !important;
  padding: 6px 0 !important;
}
.page-item-detail .list-chapter .chapter-item a {
  color: var(--em-text-dim) !important;
  font-size: 11px;
}
.page-item-detail .list-chapter .chapter-item a:hover { color: var(--em-blue) !important; }
.page-item-detail .list-chapter .chapter-item .post-on {
  color: var(--em-text-faint) !important;
  font-size: 10px;
}

.manga-title-badges .a-h { background: var(--em-red) !important; }
.manga-title-badges .a-n { background: var(--em-purple) !important; }

/* ---------- SINGLE MANGA / DETAILS PAGE ---------- */
.site-content, .manga-content-wrap, .profile-manga { background: var(--em-bg) !important; }
.summary_image img { border-radius: 8px; }
.post-title h1 { color: #fff !important; font-weight: 800; }
.manga-excerpt, .summary__content p { color: var(--em-text-dim) !important; }
.genres-content a {
  background: var(--em-bg-card) !important;
  color: var(--em-blue) !important;
  border: 1px solid var(--em-border) !important;
  border-radius: 20px !important;
  padding: 3px 12px !important;
  font-size: 11px;
}

.listing-chapters_wrap .wp-manga-chapter a { color: var(--em-text-dim) !important; }
.listing-chapters_wrap .wp-manga-chapter a:hover { color: var(--em-blue) !important; }
.listing-chapters_wrap .chapter-release-date { color: var(--em-text-faint) !important; }
.listing-chapters_wrap li:hover { background: var(--em-bg-card) !important; }

/* ---------- READER PAGE ---------- */
.reading-content, .read-container { background: #08080c !important; }
.c-blog__sidebar, .c-page__sidebar { background: var(--em-bg-elevated) !important; }

/* ---------- FOOTER ---------- */
.site-footer, footer { background: var(--em-bg-elevated) !important; border-top: 1px solid var(--em-border) !important; }
CSSEOFcat > /www/wwwroot/epicmanga.cc/wp-content/themes/epicmanga-child/css/custom.css << 'CSSEOF'
/* ============================================
   EPICMANGA CHILD THEME - MangaHub-Inspired Dark
   Version: 1.0.0
   ============================================ */

:root {
  --em-bg: #0e0e14;
  --em-bg-elevated: #16161f;
  --em-bg-card: #1a1a24;
  --em-border: #26262f;
  --em-purple: #8b5cf6;
  --em-blue: #3ea8ff;
  --em-red: #ff3b5c;
  --em-text: #e8e8ec;
  --em-text-dim: #8b8b96;
  --em-text-faint: #5a5a66;
  --em-star: #f5c518;
}

body {
  background: var(--em-bg) !important;
  color: var(--em-text) !important;
}

/* ---------- HEADER / NAV ---------- */
.site-header, .c-header__top, .main-navigation {
  background: var(--em-bg-elevated) !important;
  border-bottom: 1px solid var(--em-border) !important;
}
.main-navigation .nav-menu > li > a, .main-navigation ul li a {
  color: var(--em-text-dim) !important;
  font-weight: 500;
}
.main-navigation .nav-menu > li > a:hover,
.main-navigation .nav-menu > li.current-menu-item > a {
  color: var(--em-purple) !important;
}

/* ---------- BUTTONS ---------- */
.btn, .comment-form-submit, .wp-manga-action-button,
a.g-recaptcha, input[type="submit"] {
  background: var(--em-blue) !important;
  border-color: var(--em-blue) !important;
  color: #fff !important;
  border-radius: 6px !important;
}
.btn:hover { background: #2a8fe0 !important; }
.login-container a, #myDIV a { color: var(--em-purple) !important; }

/* ---------- MANGA CARDS (Archive / Homepage grid) ---------- */
.page-item-detail {
  background: var(--em-bg-card) !important;
  border-radius: 10px !important;
  overflow: hidden;
  border: 1px solid var(--em-border) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.page-item-detail:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4) !important;
}
.page-item-detail .item-thumb img { border-radius: 10px 10px 0 0; }
.page-item-detail .post-title h3 a {
  color: var(--em-text) !important;
  font-weight: 600;
  font-size: 13px;
}
.page-item-detail .post-title h3 a:hover { color: var(--em-purple) !important; }
.page-item-detail .author.meta { color: var(--em-text-faint) !important; font-size: 11px; }

.page-item-detail .rating .score,
.page-item-detail .total_votes { color: var(--em-star) !important; }

/* ---------- CHAPTER LIST ROWS (2 chapters inline pattern) ---------- */
.page-item-detail .list-chapter { margin-top: 8px; }
.page-item-detail .list-chapter .chapter-item {
  border-top: 1px solid var(--em-border) !important;
  padding: 6px 0 !important;
}
.page-item-detail .list-chapter .chapter-item a {
  color: var(--em-text-dim) !important;
  font-size: 11px;
}
.page-item-detail .list-chapter .chapter-item a:hover { color: var(--em-blue) !important; }
.page-item-detail .list-chapter .chapter-item .post-on {
  color: var(--em-text-faint) !important;
  font-size: 10px;
}

.manga-title-badges .a-h { background: var(--em-red) !important; }
.manga-title-badges .a-n { background: var(--em-purple) !important; }

/* ---------- SINGLE MANGA / DETAILS PAGE ---------- */
.site-content, .manga-content-wrap, .profile-manga { background: var(--em-bg) !important; }
.summary_image img { border-radius: 8px; }
.post-title h1 { color: #fff !important; font-weight: 800; }
.manga-excerpt, .summary__content p { color: var(--em-text-dim) !important; }
.genres-content a {
  background: var(--em-bg-card) !important;
  color: var(--em-blue) !important;
  border: 1px solid var(--em-border) !important;
  border-radius: 20px !important;
  padding: 3px 12px !important;
  font-size: 11px;
}

.listing-chapters_wrap .wp-manga-chapter a { color: var(--em-text-dim) !important; }
.listing-chapters_wrap .wp-manga-chapter a:hover { color: var(--em-blue) !important; }
.listing-chapters_wrap .chapter-release-date { color: var(--em-text-faint) !important; }
.listing-chapters_wrap li:hover { background: var(--em-bg-card) !important; }

/* ---------- READER PAGE ---------- */
.reading-content, .read-container { background: #08080c !important; }
.c-blog__sidebar, .c-page__sidebar { background: var(--em-bg-elevated) !important; }

/* ---------- FOOTER ---------- */
.site-footer, footer { background: var(--em-bg-elevated) !important; border-top: 1px solid var(--em-border) !important; }

/* ============================================
   BUGFIXES - Round 1
   ============================================ */

/* Fix: "All Genres" mega-menu text was unreadable (dark-on-dark) */
.main-navigation .sub-menu,
.main-navigation .c-sub-menu,
.genres-menu,
.mega-menu {
  background: var(--em-bg-elevated) !important;
}
.main-navigation .sub-menu a,
.main-navigation .c-sub-menu a,
.genres-menu a,
.mega-menu a {
  color: var(--em-text) !important;
}
.main-navigation .sub-menu a:hover,
.genres-menu a:hover {
  color: var(--em-blue) !important;
}
.genres-menu .term-count,
.mega-menu .term-count {
  color: var(--em-text-faint) !important;
}

/* Fix: pagination still used stock orange - align to our palette */
.wp-pagenavi a, .wp-pagenavi span,
.pagination a, .pagination span,
.page-numbers {
  background: var(--em-bg-card) !important;
  color: var(--em-text-dim) !important;
  border: 1px solid var(--em-border) !important;
}
.wp-pagenavi span.current,
.pagination span.current,
.page-numbers.current {
  background: var(--em-purple) !important;
  color: #fff !important;
  border-color: var(--em-purple) !important;
}
.wp-pagenavi a:hover, .pagination a:hover, .page-numbers:hover {
  background: var(--em-blue) !important;
  color: #fff !important;
}

/* Fix: harsh light-gray "Show More" fade gradient over dark background */
.summary_content .description-summary .fade,
.manga-excerpt .fade,
[class*="c-more"] .fade,
.c-read-more-gradient {
  background: linear-gradient(to bottom, transparent, var(--em-bg) 95%) !important;
}

/* ============================================
   BUGFIXES - Round 2 (verified against real markup)
   ============================================ */

/* Fix: "All Genres" panel - confirmed classes from live HTML */
.genres_wrap {
  background: var(--em-bg-elevated) !important;
}
.genres_wrap .widget-heading .heading {
  color: var(--em-text) !important;
}
.genres_wrap .genres ul.list-unstyled li a {
  color: var(--em-text-dim) !important;
}
.genres_wrap .genres ul.list-unstyled li a:hover {
  color: var(--em-blue) !important;
}
.genres_wrap .genres ul.list-unstyled li a .count {
  color: var(--em-text-faint) !important;
}

/* Fix: "Show more" link + its fade overlay */
.c-content-readmore,
.content-readmore {
  color: var(--em-blue) !important;
}

/* ============================================
   BUGFIXES - Round 3: Manga Detail Page
   (verified against live epicmanga.cc markup)
   ============================================ */

.profile-manga.summary-layout-1 {
  background-color: var(--em-bg) !important;
  background-blend-mode: multiply;
}
.profile-manga .post-title h1 {
  color: #fff !important;
}
.profile-manga .summary-heading h5 {
  color: var(--em-text-faint) !important;
  text-transform: uppercase;
  font-size: 11px;
}
.profile-manga .summary-content {
  color: var(--em-text-dim) !important;
}
.profile-manga .post-content_item {
  border-color: var(--em-border) !important;
}
.profile-manga .post-rating .score {
  color: var(--em-star) !important;
}
.profile-manga .ratings_stars {
  color: var(--em-star) !important;
}
.profile-manga .action_detail span {
  color: var(--em-text-dim) !important;
}
.profile-manga #init-links .c-btn {
  background: var(--em-blue) !important;
  border-color: var(--em-blue) !important;
  color: #fff !important;
}
.summary__content, .manga-excerpt, .description-summary {
  color: var(--em-text-dim) !important;
  background: var(--em-bg) !important;
}
.msb-outbound-ref {
  color: var(--em-text-faint) !important;
  border-top-color: var(--em-border) !important;
}
.msb-outbound-ref a {
  color: var(--em-blue) !important;
}

/* ============================================
   BUGFIXES - Round 4: confirmed exact source
   (body.manga-page .profile-manga .tab-summary .summary_image
    has background:#fff in Madara core style.css line 6250)
   ============================================ */
body.manga-page .profile-manga .tab-summary .summary_image {
  background: var(--em-bg-card) !important;
}

body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content {
  background-color: rgba(255, 255, 255, 0.03) !important;
}
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content h5 {
  color: var(--em-text-faint) !important;
}
body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .summary-content {
  color: var(--em-text-dim) !important;
}

/* ============================================
   BUGFIXES - Round 5: confirmed exact source
   (body.manga-page .summary__content.show-more:after
    fades to solid #ffffff in Madara core style.css line ~7151)
   ============================================ */
body.manga-page .summary__content.show-more:after {
  background: rgba(11, 12, 16, 0) !important;
  background: linear-gradient(to bottom, rgba(11, 12, 16, 0), var(--em-bg)) !important;
}