/*
Theme Name: Madara-Child2
Description:  Child theme 2 for Madara - dark design (Origines style)
Author:       Madara
Author URI:   https://mangabooth.com/
Template: madara
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Version: 2.0.0
*/

:root {
	--mhub-bg: #f4f3f7;
	--mhub-ink: #17121d;
	--mhub-muted: #81798a;
	--mhub-panel: #ffffff;
	--mhub-line: #e7e3ed;
	--mhub-dark: #211726;
	--mhub-primary: #ff365f;
	--mhub-orange: #ff8a00;
	--mhub-teal: #00c7a6;
	--mhub-blue: #2f80ff;
	--mhub-pink: #ff4fa3;
	--mhub-purple: #9b54ff;
}

body,
body.text-ui-dark {
	background: var(--mhub-bg) !important;
	color: var(--mhub-ink);
	font-family: Inter, "Segoe UI", Arial, sans-serif;
	letter-spacing: 0;
}

a,
a:hover {
	text-decoration: none;
}

body.home .container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1500px;
	padding-left: 24px;
	padding-right: 24px;
	width: 100%;
}

body.home .row {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

body.home .col-md-12 {
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

body.home .nav,
body.home .navbar-nav {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

body.home .nav > li,
body.home .navbar-nav > li {
	position: relative;
}

body.home img {
	max-width: 100%;
}

.site-header {
	background: var(--mhub-dark) !important;
	box-shadow: none !important;
}

.site-header .c-header__top {
	display: none;
}

.site-header .main-navigation,
.site-header .main-navigation.style-1 {
	background: var(--mhub-dark) !important;
	min-height: 64px;
}

.site-header .main-navigation .container {
	max-width: 1500px;
	width: 100%;
}

.site-header .main-navigation_wrap {
	align-items: center;
	min-height: 64px;
}

.site-header .wrap_branding {
	min-width: 150px;
}

.site-header .wrap_branding .logo img {
	display: none !important;
}

.site-header .wrap_branding .logo::before {
	content: "mangahub";
	color: #fff;
	display: inline-block;
	font-size: 23px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 64px;
	text-transform: lowercase;
}

.site-header .main-menu .main-navbar > li > a {
	color: #fff !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	padding: 24px 18px !important;
	text-transform: none;
}

.site-header .main-menu .main-navbar > li:nth-child(n+5) {
	display: none;
}

.site-header .main-menu .main-navbar > li:nth-child(1) > a {
	font-size: 0;
}

.site-header .main-menu .main-navbar > li:nth-child(1) > a::after {
	content: "Manga";
	font-size: 12px;
}

.site-header .main-menu .main-navbar > li:nth-child(2) > a {
	font-size: 0;
}

.site-header .main-menu .main-navbar > li:nth-child(2) > a::after {
	content: "Anime";
	font-size: 12px;
}

.site-header .main-menu .main-navbar > li:nth-child(3) > a {
	font-size: 0;
}

.site-header .main-menu .main-navbar > li:nth-child(3) > a::after {
	content: "Drama";
	font-size: 12px;
}

.site-header .main-menu .main-navbar > li:nth-child(4) > a {
	font-size: 0;
}

.site-header .main-menu .main-navbar > li:nth-child(4) > a::after {
	content: "Premium";
	font-size: 12px;
}

.site-header .main-menu .sub-menu,
.site-header .search-navigation {
	border-radius: 8px;
}

.site-header .main-menu-search {
	align-items: center;
	display: flex;
	gap: 12px;
}

.site-header .main-menu-search::after {
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 18px;
	color: rgba(255, 255, 255, .78);
	content: "Sign in    Register";
	display: inline-flex;
	font-size: 11px;
	gap: 10px;
	padding: 8px 18px;
	white-space: pre;
}

.site-header .main-menu-search .menu-search > a {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	color: #211726 !important;
	display: flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.site-header .main-menu-search .menu-search > a i {
	color: #211726 !important;
	font-size: 15px;
}

.mhub-home {
	background: var(--mhub-bg);
	min-height: 100vh;
}

.mhub-wrap,
.mhub-premium {
	margin-left: auto;
	margin-right: auto;
	max-width: 990px;
}

.mhub-premium {
	align-items: center;
	background:
		radial-gradient(circle at 88% 50%, rgba(167, 85, 255, .55), transparent 18%),
		linear-gradient(100deg, #230634, #21012f 58%, #441166);
	border-radius: 12px;
	color: #fff;
	display: grid;
	gap: 18px;
	grid-template-columns: 44px 1fr auto;
	margin-bottom: 28px;
	margin-top: 28px;
	overflow: hidden;
	padding: 22px 30px;
	position: relative;
}

.mhub-premium::after {
	background-image: linear-gradient(100deg, rgba(255,255,255,.08) 1px, transparent 1px);
	background-size: 22px 100%;
	content: "";
	inset: 0;
	opacity: .18;
	position: absolute;
}

.mhub-premium > * {
	position: relative;
	z-index: 1;
}

.mhub-premium-icon {
	align-items: center;
	background: #ffc400;
	border-radius: 10px;
	box-shadow: 0 0 28px rgba(255, 196, 0, .55);
	display: flex;
	font-size: 22px;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.mhub-premium span {
	background: #ff2b83;
	border-radius: 999px;
	display: inline-block;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
	margin-bottom: 5px;
	padding: 3px 8px;
	text-transform: uppercase;
}

.mhub-premium h2 {
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.1;
	margin: 0 0 4px;
}

.mhub-premium p {
	color: rgba(255,255,255,.72);
	font-size: 12px;
	margin: 0;
}

.mhub-premium a {
	background: linear-gradient(135deg, #d35cff, #9a43ff);
	border-radius: 999px;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	padding: 13px 24px;
}

.mhub-hero {
	background: #09080d;
	min-height: 460px;
	overflow: hidden;
	position: relative;
}

.mhub-hero-slide {
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: opacity .45s ease;
	visibility: hidden;
}

.mhub-hero-slide.is-active {
	opacity: 1;
	visibility: visible;
}

.mhub-hero-slide::before {
	background-image: var(--hero-image);
	background-position: center;
	background-size: cover;
	content: "";
	filter: blur(1px);
	inset: 0;
	opacity: .34;
	position: absolute;
	transform: scale(1.04);
}

.mhub-hero-slide::after {
	background: linear-gradient(90deg, rgba(6,7,13,.96) 0%, rgba(8,8,13,.88) 38%, rgba(8,8,13,.45) 100%);
	content: "";
	inset: 0;
	position: absolute;
}

.mhub-hero-inner {
	align-items: center;
	display: grid;
	gap: 42px;
	grid-template-columns: 1fr 220px;
	margin: 0 auto;
	max-width: 990px;
	min-height: 460px;
	position: relative;
	z-index: 1;
}

.mhub-chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 13px;
}

.mhub-chip-row span,
.mhub-status,
.mhub-kind {
	background: #12ce9a;
	border-radius: 4px;
	color: #fff;
	display: inline-flex;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .04em;
	line-height: 1;
	padding: 6px 8px;
	text-transform: uppercase;
}

.mhub-chip-row span:not(:first-child),
.mhub-kind {
	background: rgba(255, 255, 255, .18);
}

.mhub-hero h1 {
	color: #fff;
	font-size: 42px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0 0 16px;
}

.mhub-hero p {
	color: rgba(255, 255, 255, .74);
	font-size: 14px;
	line-height: 1.8;
	margin: 0 0 12px;
	max-width: 640px;
}

.mhub-stars,
.mhub-rating {
	color: #ffc83d;
	font-size: 12px;
	font-weight: 800;
}

.mhub-actions {
	display: flex;
	gap: 13px;
	margin-top: 22px;
}

.mhub-btn {
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	padding: 14px 20px;
}

.mhub-btn-primary {
	background: var(--mhub-primary);
}

.mhub-btn-ghost {
	background: rgba(255,255,255,.12);
}

.mhub-hero-cover {
	border-radius: 10px;
	box-shadow: 0 20px 60px rgba(0,0,0,.45);
	display: block;
	height: 270px;
	overflow: hidden;
}

.mhub-hero-cover img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mhub-dots {
	bottom: 16px;
	display: flex;
	gap: 7px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	z-index: 2;
}

.mhub-dots button {
	background: rgba(255,255,255,.32);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	height: 6px;
	padding: 0;
	width: 6px;
}

.mhub-dots button.is-active {
	background: var(--mhub-primary);
	width: 19px;
}

.mhub-wrap {
	padding: 26px 0 48px;
}

.mhub-section {
	margin-bottom: 34px;
}

.mhub-section-head {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
	min-height: 28px;
}

.mhub-section-head h2 {
	border-left: 3px solid var(--mhub-orange);
	color: #14101a;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.1;
	margin: 0;
	padding-left: 11px;
}

.mhub-section-head p {
	color: var(--mhub-muted);
	font-size: 12px;
	font-style: italic;
	margin: 5px 0 0 14px;
}

.mhub-section-head a {
	color: var(--mhub-primary);
	font-size: 11px;
	font-weight: 800;
}

.mhub-teal h2 { border-color: var(--mhub-teal); }
.mhub-blue h2 { border-color: var(--mhub-blue); }
.mhub-pink h2 { border-color: var(--mhub-pink); }
.mhub-purple h2 { border-color: var(--mhub-purple); }

.mhub-trend-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: 2fr repeat(2, 1fr);
	grid-template-rows: repeat(3, 110px);
}

.mhub-card {
	background: #111;
	border-radius: 6px;
	display: block;
	overflow: hidden;
	position: relative;
}

.mhub-card img {
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
	width: 100%;
}

.mhub-card:hover img {
	transform: scale(1.04);
}

.mhub-card-shade {
	background: linear-gradient(180deg, transparent 20%, rgba(0,0,0,.86) 100%);
	inset: 0;
	position: absolute;
}

.mhub-card-featured {
	grid-row: span 3;
}

.mhub-card-wide,
.mhub-card-poster {
	min-height: 110px;
}

.mhub-card-poster {
	aspect-ratio: 2 / 3;
}

.mhub-card-title {
	bottom: 24px;
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	left: 12px;
	line-height: 1.2;
	max-width: calc(100% - 24px);
	position: absolute;
	text-shadow: 0 1px 8px rgba(0,0,0,.55);
}

.mhub-card-featured .mhub-card-title {
	font-size: 17px;
}

.mhub-rating {
	bottom: 8px;
	left: 12px;
	position: absolute;
}

.mhub-status {
	left: 10px;
	position: absolute;
	top: 10px;
	z-index: 2;
}

.mhub-kind {
	background: rgba(13, 13, 17, .72);
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
}

.mhub-two-col {
	display: grid;
	gap: 24px;
	grid-template-columns: 360px 1fr;
}

.mhub-ranking {
	display: grid;
	gap: 8px;
	position: relative;
}

.mhub-media-item {
	align-items: center;
	background: var(--mhub-panel);
	border: 1px solid var(--mhub-line);
	border-radius: 6px;
	color: var(--mhub-ink);
	display: grid;
	gap: 10px;
	grid-template-columns: 26px 42px 1fr;
	min-height: 58px;
	padding: 7px 10px;
	position: relative;
}

.mhub-media-item:nth-child(1) { border-color: #ffc331; }
.mhub-media-item:nth-child(2) { border-color: #9db1c9; }
.mhub-media-item:nth-child(3) { border-color: #ff8b2b; }

.mhub-media-item img {
	border-radius: 4px;
	height: 42px;
	object-fit: cover;
	width: 42px;
}

.mhub-media-item strong {
	display: block;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mhub-media-item small {
	color: var(--mhub-muted);
	display: block;
	font-size: 10px;
	margin-top: 3px;
}

.mhub-rank-num {
	color: var(--mhub-orange);
	font-size: 18px;
	font-weight: 900;
	text-align: center;
}

.mhub-rank-preview {
	background: #0f1320;
	background-position: center;
	background-size: cover;
	border-radius: 10px;
	box-shadow: 0 18px 36px rgba(16, 13, 28, .24);
	color: #fff;
	display: block;
	height: 286px;
	left: -224px;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(18px, -50%) scale(.96);
	transition: opacity .18s ease, transform .22s ease;
	width: 204px;
	z-index: 15;
}

.mhub-rank-preview .mhub-status {
	background: var(--mhub-teal);
	border-radius: 0 0 4px 0;
	font-size: 11px;
	left: 0;
	padding: 6px 11px;
	top: 0;
}

.mhub-rank-preview .mhub-card-shade {
	background: linear-gradient(180deg, rgba(8, 10, 16, .08) 5%, rgba(7, 10, 18, .42) 42%, rgba(7, 10, 18, .92) 100%);
}

.mhub-preview-content {
	bottom: 12px;
	display: grid;
	gap: 6px;
	left: 12px;
	position: absolute;
	right: 12px;
	z-index: 2;
}

.mhub-preview-content strong {
	color: #fff;
	font-size: 15px;
	line-height: 1.35;
	white-space: normal;
}

.mhub-preview-content small {
	color: rgba(255, 255, 255, .72);
	font-size: 12px;
	margin: 0;
}

.mhub-preview-content .mhub-rating {
	bottom: auto;
	color: rgba(255, 255, 255, .9);
	font-size: 12px;
	left: auto;
	position: static;
}

.mhub-preview-btn {
	align-items: center;
	background: var(--mhub-primary);
	border-radius: 6px;
	color: #fff;
	display: inline-flex;
	font-size: 13px;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	margin-top: 3px;
	width: 72px;
}

.mhub-media-ranked:hover,
.mhub-media-ranked:focus-visible {
	background: #f7f6fb;
	border-color: var(--mhub-orange);
	box-shadow: 0 8px 18px rgba(18, 14, 28, .08);
	z-index: 20;
}

.mhub-media-ranked:hover .mhub-rank-preview,
.mhub-media-ranked:focus-visible .mhub-rank-preview {
	opacity: 1;
	transform: translate(0, -50%) scale(1);
}

.mhub-poster-grid {
	display: grid;
	gap: 13px;
	grid-template-columns: repeat(3, 1fr);
}

.mhub-update-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}

.mhub-update-grid .mhub-media-item {
	grid-template-columns: 44px 1fr;
	min-width: 0;
}

.mhub-update-grid .mhub-media-item .mhub-rank-num {
	display: none;
}

.mhub-genres {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, 1fr);
}

.mhub-genre {
	align-items: center;
	background-position: center;
	background-size: cover;
	border-radius: 8px;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 108px;
	justify-content: center;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.mhub-genre::before {
	content: "";
	inset: 0;
	position: absolute;
}

.mhub-genre > * {
	position: relative;
	z-index: 1;
}

.mhub-genre strong {
	font-size: 15px;
	font-weight: 900;
}

.mhub-genre small {
	color: rgba(255,255,255,.8);
	font-size: 11px;
	margin-top: 6px;
}

.mhub-genre-orange {
	background-image: url("/wp-content/uploads/2017/10/wallhaven-550619-1200x630.jpg");
}

.mhub-genre-orange::before {
	background: rgba(167, 52, 0, .68);
}

.mhub-genre-pink {
	background-image: url("/wp-content/uploads/2017/10/wallhaven-543371-768x432.jpg");
}

.mhub-genre-pink::before {
	background: rgba(184, 39, 110, .68);
}

.mhub-genre-purple {
	background-image: url("/wp-content/uploads/2017/10/wallhaven-516736-642x320.png");
}

.mhub-genre-purple::before {
	background: rgba(69, 36, 150, .72);
}

.mhub-shelf-row {
	display: grid;
	gap: 12px;
	/* 5 cot thay vi 6 -> moi avatar to hon 20% */
	grid-template-columns: repeat(5, 1fr);
}

.mhub-arrows {
	display: flex;
	gap: 8px;
}

.mhub-arrows span {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(20,16,26,.08);
	display: flex;
	font-size: 14px;
	font-weight: 900;
	height: 24px;
	justify-content: center;
	width: 24px;
}

.site-footer,
.c-footer {
	background: var(--mhub-dark) !important;
	color: rgba(255,255,255,.72);
}

.site-footer a,
.c-footer a {
	color: rgba(255,255,255,.78) !important;
}

@media (max-width: 1100px) {
	.mhub-wrap,
	.mhub-premium,
	.mhub-hero-inner {
		margin-left: 24px;
		margin-right: 24px;
		max-width: none;
	}
}

@media (max-width: 900px) {
	.site-header .main-menu {
		display: none;
	}

	.mhub-premium {
		grid-template-columns: 40px 1fr;
	}

	.mhub-premium a {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.mhub-hero-inner {
		grid-template-columns: 1fr;
		padding: 42px 0;
	}

	.mhub-hero-cover {
		display: none;
	}

	.mhub-trend-grid,
	.mhub-two-col,
	.mhub-update-grid,
	.mhub-genres {
		grid-template-columns: 1fr;
	}

	.mhub-trend-grid {
		grid-template-rows: none;
	}

	.mhub-card-featured,
	.mhub-card-wide {
		aspect-ratio: 16 / 9;
		grid-row: auto;
	}

	.mhub-poster-grid,
	.mhub-shelf-row {
		grid-template-columns: repeat(2, 1fr);
	}

	.mhub-rank-preview {
		left: 50%;
		top: 100%;
		transform: translate(-50%, -8px) scale(.96);
	}

	.mhub-media-ranked:hover .mhub-rank-preview,
	.mhub-media-ranked:focus-visible .mhub-rank-preview {
		transform: translate(-50%, 8px) scale(1);
	}
}

/* Navigation corrections after unified rules. */
body .site-header .main-navigation_wrap > .c-togle__menu,
body .site-header .c-togle__menu,
body .site-header .menu_icon__open {
	display: none !important;
}

body .site-header .main-menu {
	flex: 0 0 auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	position: static !important;
	transform: none !important;
	width: auto !important;
}

body .site-header .search-navigation {
	flex: 0 0 auto !important;
	margin-left: auto !important;
}

body .site-header .main-navigation_wrap {
	gap: 0 !important;
	justify-content: flex-start !important;
}

body .site-header .main-menu .nav,
body .site-header .main-menu .navbar-nav,
body .site-header .main-menu .main-navbar {
	justify-content: flex-start !important;
	text-align: left !important;
	width: auto !important;
}

body .site-header .wrap_branding {
	margin-right: 48px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	position: relative;
}

body.single-wp-manga:not(.reading-manga) .post-status .manga-action {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	right: 86px;
	text-align: center;
	top: 132px;
}

body.single-wp-manga:not(.reading-manga) .post-status .manga-action::before {
	color: var(--mhub-dark);
	content: "\f02e";
	display: block;
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	margin: 0 auto 8px;
}

body.single-wp-manga:not(.reading-manga) .post-status .manga-action::after {
	color: #7d7885;
	content: "Follow";
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin: 0;
}

@media (max-width: 520px) {
	.mhub-wrap,
	.mhub-premium,
	.mhub-hero-inner {
		margin-left: 14px;
		margin-right: 14px;
	}

	.mhub-hero h1 {
		font-size: 32px;
	}

	.mhub-actions {
		flex-direction: column;
	}

	.mhub-poster-grid,
	.mhub-shelf-row {
		grid-template-columns: 1fr 1fr;
	}
}

/* Restore Madara's original navigation while keeping the custom homepage body. */
.site-header .c-header__top {
	display: block;
}

.site-header .wrap_branding .logo img {
	display: block !important;
}

.site-header .wrap_branding .logo::before {
	content: none;
}

.site-header .main-menu .main-navbar > li {
	display: list-item !important;
}

.site-header .main-menu .main-navbar > li > a,
.site-header .main-menu .main-navbar > li:nth-child(1) > a,
.site-header .main-menu .main-navbar > li:nth-child(2) > a,
.site-header .main-menu .main-navbar > li:nth-child(3) > a,
.site-header .main-menu .main-navbar > li:nth-child(4) > a {
	font-size: 12px;
}

.site-header .main-menu .main-navbar > li:nth-child(1) > a::after,
.site-header .main-menu .main-navbar > li:nth-child(2) > a::after,
.site-header .main-menu .main-navbar > li:nth-child(3) > a::after,
.site-header .main-menu .main-navbar > li:nth-child(4) > a::after,
.site-header .main-menu-search::after {
	content: none;
}

/* Fix restored navigation sizing on the custom homepage. */
body.home .site-header .c-header__top > .search-main-menu,
body.home .site-header .c-sub-header-nav {
	display: none !important;
}

body.home .site-header,
body.home .site-header .c-header__top,
body.home .site-header .main-navigation,
body.home .site-header .main-navigation.style-1 {
	background: var(--mhub-dark) !important;
	min-height: 78px !important;
}

body.home .site-header .main-navigation_wrap {
	align-items: center !important;
	display: flex !important;
	height: 78px !important;
	min-height: 78px !important;
}

body.home .site-header .main-navigation_wrap > * {
	align-items: center !important;
	display: flex !important;
}

body.home .site-header .wrap_branding {
	flex: 0 0 auto;
	margin-right: 56px;
	min-width: 210px;
}

body.home .site-header .wrap_branding .logo,
body.home .site-header .wrap_branding .logo img {
	display: block !important;
	max-height: 46px !important;
	width: auto !important;
}

body.home .site-header .main-menu {
	flex: 1 1 auto;
}

body.home .site-header .main-menu .main-navbar {
	align-items: center;
	display: flex;
	gap: 28px;
	margin: 0;
}

body.home .site-header .main-menu .main-navbar > li > a {
	line-height: 78px !important;
	padding: 0 !important;
}

body.home .site-header .search-navigation {
	flex: 0 0 auto;
	margin-left: auto;
}

body.home .site-header .search-navigation__wrap {
	align-items: center;
	display: flex;
	gap: 28px;
}

body.home .site-header .main-menu-search .menu-search > a {
	height: 46px;
	width: 46px;
}

body.home .site-header .main-menu-search .menu-search > a i {
	font-size: 22px;
}

body.home .site-header .link-adv-search a {
	color: #fff !important;
	font-size: 16px;
	font-weight: 800;
}

/* Mangahub subpage shell. */
body:not(.home) {
	background: #fff !important;
	color: #211b28;
	font-family: Inter, "Segoe UI", Arial, sans-serif;
}

body:not(.home) .site-header,
body:not(.home) .site-header .c-header__top,
body:not(.home) .site-header .main-navigation,
body:not(.home) .site-header .main-navigation.style-1 {
	background: var(--mhub-dark) !important;
	box-shadow: none !important;
	min-height: 72px !important;
}

body:not(.home) .site-header .c-header__top > .search-main-menu,
body:not(.home) .site-header .c-sub-header-nav {
	display: none !important;
}

body:not(.home) .site-header .main-navigation .container {
	max-width: 1180px;
	width: 100%;
}

body:not(.home) .site-header .main-navigation_wrap {
	align-items: center !important;
	display: flex !important;
	height: 72px !important;
	min-height: 72px !important;
}

body:not(.home) .site-header .main-navigation_wrap > * {
	align-items: center !important;
	display: flex !important;
}

body:not(.home) .site-header .wrap_branding {
	flex: 0 0 auto;
	margin-right: 54px;
	min-width: 160px;
}

body:not(.home) .site-header .wrap_branding .logo img {
	display: none !important;
}

body:not(.home) .site-header .wrap_branding .logo::before {
	content: "mangahub";
	color: #fff;
	display: inline-block;
	font-size: 22px;
	font-weight: 900;
	line-height: 72px;
	text-transform: lowercase;
}

body:not(.home) .site-header .main-menu {
	flex: 1 1 auto;
}

body:not(.home) .site-header .main-menu .main-navbar {
	align-items: center;
	display: flex;
	gap: 34px;
	margin: 0;
}

body:not(.home) .site-header .main-menu .main-navbar > li {
	display: none !important;
}

body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(-n+4) {
	display: list-item !important;
}

body:not(.home) .site-header .main-menu .main-navbar > li > a {
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900;
	line-height: 72px !important;
	padding: 0 !important;
	text-transform: none;
}

body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(-n+4) > a {
	font-size: 0 !important;
}

body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(1) > a::after {
	content: "Manga";
	font-size: 12px;
}

body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(2) > a::after {
	content: "Anime";
	font-size: 12px;
}

body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(3) > a::after {
	content: "Drama";
	font-size: 12px;
}

body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(4) > a::after {
	content: "Premium";
	font-size: 12px;
}

body:not(.home) .site-header .search-navigation {
	flex: 0 0 auto;
	margin-left: auto;
}

body:not(.home) .site-header .search-navigation__wrap {
	align-items: center;
	display: flex;
	gap: 18px;
}

body:not(.home) .site-header .main-menu-search {
	align-items: center;
	display: flex;
	gap: 10px;
}

body:not(.home) .site-header .main-menu-search .menu-search > a {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	color: var(--mhub-dark) !important;
	display: flex;
	height: 34px;
	justify-content: center;
	width: 34px;
}

body:not(.home) .site-header .main-menu-search .menu-search > a i {
	color: var(--mhub-dark) !important;
	font-size: 18px;
}

body:not(.home) .site-header .main-menu-search::after {
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 18px;
	color: rgba(255, 255, 255, .68);
	content: "Sign in   Register";
	display: inline-flex;
	font-size: 11px;
	font-weight: 700;
	height: 32px;
	padding: 0 14px;
	white-space: pre;
}

body:not(.home) .site-header .link-adv-search {
	display: none !important;
}

@media (min-width: 901px) {
	body:not(.home) .site-header .c-togle__menu {
		display: none !important;
	}
}

.mhub-subpage-premium {
	margin-bottom: 28px;
	margin-top: 24px;
	max-width: 990px;
}

.mhub-subpage-premium .mhub-premium-icon {
	font-size: 12px;
	font-weight: 900;
}

/* Manga detail page. */
body.single-wp-manga:not(.reading-manga) .site-content {
	background: #fff;
}

body.single-wp-manga:not(.reading-manga) .profile-manga {
	background-color: #eff0f4 !important;
	background-size: 520px auto !important;
	margin-top: 0;
	padding: 26px 0 42px;
}

body.single-wp-manga:not(.reading-manga) .profile-manga .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .container {
	max-width: 990px;
	width: 100%;
}

body.single-wp-manga:not(.reading-manga) .c-breadcrumb-wrapper {
	background: transparent !important;
	margin: 0 0 18px;
	padding: 0;
}

body.single-wp-manga:not(.reading-manga) .c-breadcrumb .breadcrumb {
	background: transparent;
	margin: 0;
	padding: 0;
}

body.single-wp-manga:not(.reading-manga) .c-breadcrumb .breadcrumb li,
body.single-wp-manga:not(.reading-manga) .c-breadcrumb .breadcrumb li a {
	color: #9295a1 !important;
	font-size: 11px;
	font-weight: 700;
}

body.single-wp-manga:not(.reading-manga) .post-title {
	align-items: center;
	display: flex;
	gap: 9px;
	margin: 0 0 20px;
}

body.single-wp-manga:not(.reading-manga) .post-title h1 {
	color: #1c1724;
	font-size: 21px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.25;
	margin: 0;
}

body.single-wp-manga:not(.reading-manga) .manga-title-badges,
body.single-wp-manga:not(.reading-manga) .manga-title-badges.new {
	background: var(--mhub-dark) !important;
	border-radius: 2px;
	color: #fff !important;
	float: none;
	font-size: 9px;
	font-weight: 900;
	padding: 6px 8px;
	transform: none !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary {
	align-items: stretch;
	display: grid !important;
	gap: 24px;
	grid-template-columns: 190px 1fr;
	margin: 0;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image {
	background: #fff !important;
	display: flex !important;
	justify-content: center;
	padding: 52px 16px !important;
	width: auto !important;
}

body.single-wp-manga:not(.reading-manga) .summary_image img {
	box-shadow: none;
	height: auto;
	max-height: 255px;
	object-fit: cover;
	width: 160px;
}

body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	background: rgba(255, 255, 255, .82);
	display: block !important;
	padding: 34px 32px !important;
	width: auto !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content {
	display: grid !important;
	gap: 32px;
	grid-template-columns: minmax(0, 1.35fr) minmax(230px, .85fr);
}

body.single-wp-manga:not(.reading-manga) .summary_content .post-content,
body.single-wp-manga:not(.reading-manga) .summary_content .post-status {
	float: none !important;
	padding: 0 !important;
	width: auto !important;
}

body.single-wp-manga:not(.reading-manga) .loader-inner {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating {
	margin-bottom: 18px;
}

body.single-wp-manga:not(.reading-manga) .post-rating i {
	color: #842cff !important;
	font-size: 28px !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating .score {
	color: #211b28;
	font-size: 20px;
	font-weight: 800;
	margin-left: 8px;
}

body.single-wp-manga:not(.reading-manga) .post-rating .user-rating {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item {
	align-items: baseline;
	display: grid;
	gap: 14px;
	grid-template-columns: 90px 1fr;
	margin: 0 0 12px !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item .summary-heading h5 {
	color: #211b28;
	font-size: 12px;
	font-weight: 900;
	margin: 0;
}

body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content,
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content a {
	color: #615b6a !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.6;
	word-break: normal;
	overflow-wrap: normal;
}

body.single-wp-manga:not(.reading-manga) .post-status .post-content_item {
	grid-template-columns: 70px 1fr;
}

body.single-wp-manga:not(.reading-manga) .post-status .summary-content {
	white-space: nowrap;
}

body.single-wp-manga:not(.reading-manga) .manga-action {
	display: flex;
	justify-content: center;
	margin-top: 24px;
	padding: 0;
}

body.single-wp-manga:not(.reading-manga) .manga-action .count-comment {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .manga-action::before {
	color: var(--mhub-dark);
	content: "\f1e0";
	display: block;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 1;
}

body.single-wp-manga:not(.reading-manga) .manga-action::after {
	color: #7d7885;
	content: "Follow";
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin-left: -28px;
	margin-top: 34px;
}

body.single-wp-manga:not(.reading-manga) #init-links {
	display: flex;
	gap: 6px;
	margin-top: 12px;
}

body.single-wp-manga:not(.reading-manga) #init-links .c-btn {
	background: var(--mhub-dark) !important;
	border: 0;
	border-radius: 3px;
	color: #fff !important;
	font-size: 12px;
	font-weight: 900;
	padding: 11px 14px;
}

body.single-wp-manga:not(.reading-manga) .c-page-content {
	background: #fff !important;
	padding: 36px 0 58px;
}

body.single-wp-manga:not(.reading-manga) .c-page-content .main-col {
	flex: 0 0 100% !important;
	float: none;
	margin: 0 auto;
	max-width: 990px;
	padding-left: 0;
	padding-right: 0;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .c-page-content .row {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

body.single-wp-manga:not(.reading-manga) .main-col-inner,
body.single-wp-manga:not(.reading-manga) .c-page,
body.single-wp-manga:not(.reading-manga) .c-page__content {
	max-width: 990px;
	width: 100%;
}

body.single-wp-manga:not(.reading-manga) .sidebar-col,
body.single-wp-manga:not(.reading-manga) #manga-discussion,
body.single-wp-manga:not(.reading-manga) .manga-discussion {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .c-blog__heading {
	align-items: center;
	border-bottom: 1px solid #e5e3ea;
	display: flex;
	gap: 10px;
	margin: 0 0 22px !important;
	padding-bottom: 12px;
}

body.single-wp-manga:not(.reading-manga) .c-blog__heading h2,
body.single-wp-manga:not(.reading-manga) .c-blog__heading h4 {
	align-items: center;
	color: #211b28;
	display: flex;
	font-size: 15px;
	font-weight: 900;
	gap: 10px;
	letter-spacing: 0;
	margin: 0;
	text-transform: uppercase;
}

body.single-wp-manga:not(.reading-manga) .c-blog__heading i {
	align-items: center;
	background: var(--mhub-dark);
	color: #fff !important;
	display: inline-flex;
	font-size: 15px;
	height: 24px;
	justify-content: center;
	margin: 0;
	width: 24px;
}

body.single-wp-manga:not(.reading-manga) .description-summary {
	margin-bottom: 34px;
}

body.single-wp-manga:not(.reading-manga) .summary__content {
	color: #7d7885;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.75;
	max-height: none !important;
}

body.single-wp-manga:not(.reading-manga) .c-content-readmore {
	display: none;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main > li,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter {
	align-items: center;
	border-bottom: 1px solid #eeeeef;
	display: flex;
	min-height: 52px;
	padding: 0;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter:before {
	background: #dddfe3;
	border-radius: 3px;
	color: #333742;
	content: "PREMIUM";
	display: inline-block;
	font-size: 9px;
	font-weight: 900;
	margin-right: 8px;
	min-width: 48px;
	padding: 3px 5px;
	text-align: center;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter a {
	color: #837d8c !important;
	font-size: 13px;
	font-weight: 900;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter a:hover {
	color: #842cff !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .chapter-release-date {
	color: #99949f;
	font-size: 12px;
	font-style: italic;
	margin-left: auto;
}

body.single-wp-manga:not(.reading-manga) .listing-chapters_wrap .c-chapter-readmore {
	margin: 24px 0 34px;
	text-align: center;
}

body.single-wp-manga:not(.reading-manga) .listing-chapters_wrap .chapter-readmore {
	color: #211b28 !important;
	font-size: 13px;
	font-weight: 900;
}

body.single-wp-manga:not(.reading-manga) .related-manga {
	margin-top: 28px;
}

body.single-wp-manga:not(.reading-manga) .related-manga [class*="col-"] {
	float: left;
	margin-bottom: 16px;
	width: 16.666% !important;
}

body.single-wp-manga:not(.reading-manga) .related-manga > .col-lg-12 {
	float: none;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-wrap {
	background: transparent;
	box-shadow: none;
	display: block !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-img {
	border-radius: 5px;
	float: none !important;
	margin: 0 !important;
	overflow: hidden;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-img img {
	aspect-ratio: 2 / 3;
	display: block;
	height: auto !important;
	object-fit: cover;
	width: 100%;
}

body.single-wp-manga:not(.reading-manga) .related-reading-content {
	float: none !important;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-content h5 {
	font-size: 12px;
	font-weight: 900;
	line-height: 1.35;
	margin: 10px 0 4px;
}

body.single-wp-manga:not(.reading-manga) .related-reading-content h5 a {
	color: #19151f !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-wrap .post-on {
	color: #8c8794;
	font-size: 11px;
	font-weight: 600;
}

body:not(.home) .site-footer .nav-footer a {
	color: rgba(255, 255, 255, .72) !important;
	font-size: 12px;
	text-transform: none;
}

body:not(.home) .site-footer .copyright p {
	color: rgba(255, 255, 255, .45);
	font-size: 11px;
}

@media (max-width: 900px) {
	body:not(.home) .site-header .main-menu {
		display: flex;
	}

	body:not(.home) .site-header .main-menu .main-navbar {
		gap: 18px;
	}

	body:not(.home) .site-header .main-menu-search::after {
		display: none;
	}

	body.single-wp-manga:not(.reading-manga) .tab-summary,
	body.single-wp-manga:not(.reading-manga) .summary_content {
		grid-template-columns: 1fr;
	}

	body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image {
		padding: 24px 16px !important;
	}
}

@media (max-width: 620px) {
	body:not(.home) .site-header .wrap_branding {
		margin-right: 18px;
		min-width: 120px;
	}

	body:not(.home) .site-header .wrap_branding .logo::before {
		font-size: 18px;
	}

	body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(n+3) {
		display: none !important;
	}

	.mhub-subpage-premium {
		grid-template-columns: 40px 1fr;
		margin-left: 14px;
		margin-right: 14px;
	}

	.mhub-subpage-premium a {
		grid-column: 1 / -1;
		justify-self: start;
	}

	body.single-wp-manga:not(.reading-manga) .profile-manga .container,
	body.single-wp-manga:not(.reading-manga) .c-page-content .container {
		padding-left: 14px;
		padding-right: 14px;
	}

	body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
		padding: 24px 18px !important;
	}

	body.single-wp-manga:not(.reading-manga) .post-content_item {
		grid-template-columns: 78px 1fr;
	}

	body.single-wp-manga:not(.reading-manga) .related-manga [class*="col-"] {
		width: 50% !important;
	}

	body.single-wp-manga:not(.reading-manga) .related-manga > .col-lg-12 {
		width: 100% !important;
	}
}

/* Final unified Mangahub navigation for every page. */
body .site-header,
body .site-header .c-header__top,
body .site-header .main-navigation,
body .site-header .main-navigation.style-1 {
	background: var(--mhub-dark) !important;
	box-shadow: none !important;
	min-height: 72px !important;
}

body .site-header .c-header__top > .search-main-menu,
body .site-header .c-sub-header-nav,
body .site-header .link-adv-search,
body .site-header .c-togle__menu {
	display: none !important;
}

body .site-header .main-navigation .container {
	max-width: 1500px !important;
	padding-left: 32px;
	padding-right: 32px;
	width: 100%;
}

body .site-header .main-navigation_wrap {
	align-items: center !important;
	display: flex !important;
	height: 72px !important;
	min-height: 72px !important;
}

body .site-header .main-navigation_wrap > * {
	align-items: center !important;
	display: flex !important;
}

body .site-header .wrap_branding {
	flex: 0 0 auto !important;
	margin-right: 52px !important;
	min-width: 150px !important;
}

body .site-header .wrap_branding .logo img {
	display: none !important;
}

body .site-header .wrap_branding .logo::before {
	content: "mangahub" !important;
	color: #fff;
	display: inline-block;
	font-size: 22px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 72px;
	text-transform: lowercase;
}

body .site-header .main-menu {
	flex: 1 1 auto !important;
}

body .site-header .main-menu .main-navbar {
	align-items: center;
	display: flex;
	gap: 34px;
	margin: 0;
	padding: 0;
}

body .site-header .main-menu .main-navbar > li {
	display: none !important;
}

body .site-header .main-menu .main-navbar > li:nth-child(-n+4) {
	display: list-item !important;
}

body .site-header .main-menu .main-navbar > li > a {
	color: #fff !important;
	font-size: 0 !important;
	font-weight: 900;
	line-height: 72px !important;
	padding: 0 !important;
	text-transform: none;
}

body .site-header .main-menu .main-navbar > li:nth-child(1) > a::after {
	content: "Manga";
	font-size: 12px;
}

body .site-header .main-menu .main-navbar > li:nth-child(2) > a::after {
	content: "Anime";
	font-size: 12px;
}

body .site-header .main-menu .main-navbar > li:nth-child(3) > a::after {
	content: "Drama";
	font-size: 12px;
}

body .site-header .main-menu .main-navbar > li:nth-child(4) > a::after {
	content: "Premium";
	font-size: 12px;
}

body .site-header .search-navigation {
	flex: 0 0 auto;
	margin-left: auto !important;
}

body .site-header .search-navigation__wrap,
body .site-header .main-menu-search {
	align-items: center;
	display: flex;
	gap: 12px;
}

body .site-header .main-menu-search .menu-search > a {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	color: var(--mhub-dark) !important;
	display: flex;
	height: 34px;
	justify-content: center;
	width: 34px;
}

body .site-header .main-menu-search .menu-search > a i {
	color: var(--mhub-dark) !important;
	font-size: 18px;
}

body .site-header .main-menu-search::after {
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 18px;
	color: rgba(255, 255, 255, .7);
	content: "Sign in   Register" !important;
	display: inline-flex;
	font-size: 11px;
	font-weight: 800;
	height: 32px;
	padding: 0 15px;
	white-space: pre;
}

/* Final manga preview alignment. */
body.single-wp-manga:not(.reading-manga) .profile-manga {
	padding: 24px 0 42px !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .container,
.mhub-subpage-premium {
	max-width: 990px !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary {
	align-items: start !important;
	grid-template-columns: 193px 1fr !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image {
	align-items: center;
	display: flex !important;
	height: 354px;
	padding: 0 16px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_image img {
	max-height: 260px;
	width: 160px;
}

body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	min-height: 354px;
	padding: 28px 30px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content {
	gap: 28px;
	grid-template-columns: minmax(0, 1.5fr) minmax(210px, .75fr) !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item {
	gap: 12px;
	grid-template-columns: 92px 1fr;
	margin-bottom: 10px !important;
}

body.single-wp-manga:not(.reading-manga) .post-status .post-content_item {
	grid-template-columns: 72px 1fr;
}

body.single-wp-manga:not(.reading-manga) #init-links .c-btn {
	font-size: 12px;
	padding: 10px 12px;
}

body.single-wp-manga:not(.reading-manga) .c-page-content {
	padding-top: 38px !important;
}

body.single-wp-manga:not(.reading-manga) .c-blog__heading h2,
body.single-wp-manga:not(.reading-manga) .c-blog__heading h4 {
	gap: 10px;
}

body.single-wp-manga:not(.reading-manga) .btn-reverse-order {
	align-items: center;
	background: var(--mhub-dark) !important;
	color: #fff !important;
	display: inline-flex;
	height: 24px;
	justify-content: center;
	margin-left: 12px;
	width: 24px;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main.volumns > li.parent {
	border-bottom: 1px solid #eeeeef;
	display: block !important;
	min-height: 0;
	padding: 0;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main.volumns > li.parent > a {
	color: #837d8c !important;
	display: block;
	font-size: 13px;
	font-weight: 900;
	padding: 16px 0;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap-list {
	border: 0 !important;
	display: block;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap > li {
	display: block !important;
	padding: 0;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap-list .wp-manga-chapter {
	border-bottom: 1px solid #eeeeef;
	display: flex !important;
	margin: 0 !important;
	min-height: 52px;
	padding: 0 !important;
	width: 100%;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap-list .wp-manga-chapter:last-child {
	border-bottom: 0;
}

body.single-wp-manga:not(.reading-manga) .listing-chapters_wrap .chapter-readmore::after {
	content: "⌄";
	margin-left: 4px;
}

@media (max-width: 900px) {
	body .site-header .main-navigation .container {
		padding-left: 18px;
		padding-right: 18px;
	}

	body .site-header .wrap_branding {
		margin-right: 24px !important;
		min-width: 120px !important;
	}

	body .site-header .main-menu .main-navbar {
		gap: 18px;
	}

	body .site-header .main-menu-search::after {
		display: none !important;
	}

	body.single-wp-manga:not(.reading-manga) .tab-summary,
	body.single-wp-manga:not(.reading-manga) .summary_content {
		grid-template-columns: 1fr !important;
	}
}

/* Site-wide Madara header restore. */
body .site-header,
body .site-header .c-header__top,
body .site-header .main-navigation,
body .site-header .main-navigation.style-1 {
	background: #211726 !important;
	box-shadow: none !important;
	min-height: 84px !important;
}

body .site-header .c-header__top {
	display: block !important;
}

body .site-header .c-header__top > .search-main-menu,
body .site-header .c-sub-header-nav {
	display: none !important;
}

body .site-header .main-navigation .container {
	max-width: none !important;
	padding-left: 36px !important;
	padding-right: 24px !important;
	width: 100% !important;
}

body .site-header .main-navigation_wrap {
	align-items: center !important;
	display: flex !important;
	height: 84px !important;
	min-height: 84px !important;
}

body .site-header .main-navigation_wrap > * {
	align-items: center !important;
	display: flex !important;
}

body .site-header .wrap_branding {
	flex: 0 0 auto !important;
	margin-right: 0 !important;
	min-width: 260px !important;
	width: 28% !important;
}

body .site-header .wrap_branding .logo::before {
	content: none !important;
}

body .site-header .wrap_branding .logo img {
	display: block !important;
	height: auto !important;
	max-height: 48px !important;
	max-width: 190px !important;
	width: auto !important;
}

body .site-header .main-menu {
	display: flex !important;
	flex: 1 1 auto !important;
	justify-content: center !important;
	width: auto !important;
}

body .site-header .main-menu .main-navbar {
	align-items: center !important;
	display: flex !important;
	gap: 28px !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

body .site-header .main-menu .main-navbar > li {
	display: list-item !important;
}

body .site-header .main-menu .main-navbar > li > a,
body .site-header .main-menu .main-navbar > li:nth-child(1) > a,
body .site-header .main-menu .main-navbar > li:nth-child(2) > a,
body .site-header .main-menu .main-navbar > li:nth-child(3) > a,
body .site-header .main-menu .main-navbar > li:nth-child(4) > a {
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	line-height: 84px !important;
	padding: 0 !important;
	text-transform: uppercase !important;
}

body .site-header .main-menu .main-navbar > li:nth-child(1) > a::after,
body .site-header .main-menu .main-navbar > li:nth-child(2) > a::after,
body .site-header .main-menu .main-navbar > li:nth-child(3) > a::after,
body .site-header .main-menu .main-navbar > li:nth-child(4) > a::after {
	content: none !important;
}

body .site-header .search-navigation {
	display: flex !important;
	flex: 0 0 auto !important;
	justify-content: flex-end !important;
	margin-left: auto !important;
	width: auto !important;
}

body .site-header .search-navigation__wrap,
body .site-header .main-menu-search {
	align-items: center !important;
	display: flex !important;
	gap: 28px !important;
	margin: 0 !important;
}

body .site-header .main-menu-search::after {
	content: none !important;
}

body .site-header .main-menu-search .menu-search > a {
	align-items: center !important;
	background: #fff !important;
	border-radius: 50% !important;
	color: #211726 !important;
	display: flex !important;
	height: 44px !important;
	justify-content: center !important;
	line-height: 44px !important;
	width: 44px !important;
}

body .site-header .main-menu-search .menu-search > a i {
	color: #211726 !important;
	font-size: 25px !important;
	line-height: 1 !important;
}

body .site-header .link-adv-search {
	display: block !important;
	padding-left: 0 !important;
}

body .site-header .link-adv-search a {
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	line-height: 44px !important;
}

body .site-header .c-togle__menu {
	display: flex !important;
	flex: 0 0 auto !important;
	justify-content: flex-end !important;
	margin-left: 18px !important;
	text-align: right !important;
	width: 38px !important;
}

body .site-header .menu_icon__open {
	align-items: center !important;
	background: transparent !important;
	border: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	height: 38px !important;
	justify-content: center !important;
	padding: 0 !important;
	width: 38px !important;
}

body .site-header .menu_icon__open span {
	background: #fff !important;
	display: block !important;
	height: 2px !important;
	margin: 0 !important;
	width: 30px !important;
}

@media (max-width: 992px) {
	body .site-header .main-navigation .container {
		padding-left: 18px !important;
		padding-right: 14px !important;
	}

	body .site-header .wrap_branding {
		min-width: 155px !important;
		width: auto !important;
	}

	body .site-header .wrap_branding .logo img {
		max-width: 150px !important;
	}

	body .site-header .main-menu {
		display: none !important;
	}

	body .site-header .main-menu-search {
		gap: 16px !important;
	}
}

/* Keep the restored header identical on subpages. */
body:not(.home) .site-header,
body:not(.home) .site-header .c-header__top,
body:not(.home) .site-header .main-navigation,
body:not(.home) .site-header .main-navigation.style-1 {
	background: #211726 !important;
	min-height: 84px !important;
}

body:not(.home) .site-header .main-navigation .container {
	max-width: none !important;
	padding-left: 36px !important;
	padding-right: 24px !important;
	width: 100% !important;
}

body:not(.home) .site-header .main-navigation_wrap {
	height: 84px !important;
	min-height: 84px !important;
}

body:not(.home) .site-header .wrap_branding {
	margin-right: 0 !important;
	min-width: 260px !important;
	width: 28% !important;
}

body:not(.home) .site-header .wrap_branding .logo::before {
	content: none !important;
}

body:not(.home) .site-header .wrap_branding .logo img {
	display: block !important;
	max-height: 48px !important;
	max-width: 190px !important;
	width: auto !important;
}

body:not(.home) .site-header .main-menu {
	display: flex !important;
	flex: 1 1 auto !important;
	justify-content: center !important;
	width: auto !important;
}

body:not(.home) .site-header .main-menu .main-navbar {
	gap: 28px !important;
	justify-content: center !important;
}

body:not(.home) .site-header .main-menu .main-navbar > li {
	display: list-item !important;
}

body:not(.home) .site-header .main-menu .main-navbar > li > a,
body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(-n+4) > a {
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 84px !important;
	padding: 0 !important;
	text-transform: uppercase !important;
}

body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(1) > a::after,
body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(2) > a::after,
body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(3) > a::after,
body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(4) > a::after,
body:not(.home) .site-header .main-menu-search::after {
	content: none !important;
}

body:not(.home) .site-header .search-navigation__wrap,
body:not(.home) .site-header .main-menu-search {
	gap: 28px !important;
}

body:not(.home) .site-header .main-menu-search .menu-search > a {
	height: 44px !important;
	width: 44px !important;
}

body:not(.home) .site-header .main-menu-search .menu-search > a i {
	font-size: 25px !important;
}

body:not(.home) .site-header .link-adv-search {
	display: block !important;
}

body:not(.home) .site-header .link-adv-search a {
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	line-height: 44px !important;
}

@media (min-width: 901px) {
	body:not(.home) .site-header .c-togle__menu {
		display: flex !important;
	}
}

/* Manga preview main alignment. */
body.single-wp-manga:not(.reading-manga) .site-content {
	background: #fff !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga {
	background-color: #eff0f3 !important;
	background-repeat: repeat !important;
	margin-top: 0 !important;
	padding: 26px 0 38px !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .container {
	max-width: 920px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .c-breadcrumb-wrapper {
	background: transparent !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .c-breadcrumb .breadcrumb {
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .c-breadcrumb .breadcrumb li,
body.single-wp-manga:not(.reading-manga) .c-breadcrumb .breadcrumb li a {
	color: #8e929d !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
}

body.single-wp-manga:not(.reading-manga) .post-title {
	align-items: center !important;
	display: flex !important;
	gap: 8px !important;
	margin: 0 0 24px !important;
}

body.single-wp-manga:not(.reading-manga) .post-title::before {
	background: #211726;
	border-radius: 1px;
	color: #fff;
	content: "PREMIUM";
	display: inline-flex;
	font-size: 8px;
	font-weight: 900;
	line-height: 1;
	padding: 6px 7px;
	text-transform: uppercase;
}

body.single-wp-manga:not(.reading-manga) .post-title h1 {
	color: #211b28 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
	margin: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary {
	align-items: stretch !important;
	display: grid !important;
	gap: 24px !important;
	grid-template-columns: 186px minmax(0, 1fr) !important;
	margin: 0 !important;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image {
	align-items: center !important;
	background: #fff !important;
	display: flex !important;
	height: 360px !important;
	justify-content: center !important;
	padding: 0 14px !important;
	width: auto !important;
}

body.single-wp-manga:not(.reading-manga) .summary_image a {
	display: block !important;
}

body.single-wp-manga:not(.reading-manga) .summary_image img {
	box-shadow: none !important;
	display: block !important;
	height: 235px !important;
	max-height: none !important;
	object-fit: cover !important;
	width: 160px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	background: rgba(255, 255, 255, .84) !important;
	display: flex !important;
	min-height: 360px !important;
	padding: 30px 30px 24px !important;
	width: auto !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content {
	align-items: start !important;
	display: grid !important;
	gap: 34px !important;
	grid-template-columns: minmax(0, 1.55fr) minmax(190px, .75fr) !important;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content .post-content,
body.single-wp-manga:not(.reading-manga) .summary_content .post-status {
	float: none !important;
	padding: 0 !important;
	width: auto !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating {
	margin: 0 0 18px !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating i {
	color: #842cff !important;
	font-size: 28px !important;
	line-height: 1 !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating .score {
	color: #211b28 !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	margin-left: 8px !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating .user-rating {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item {
	align-items: baseline !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: 88px minmax(0, 1fr) !important;
	margin: 0 0 10px !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item .summary-heading h5 {
	color: #211b28 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content,
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content a {
	color: #64616d !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.6 !important;
}

body.single-wp-manga:not(.reading-manga) .post-status .post-content_item {
	grid-template-columns: 60px minmax(0, 1fr) !important;
	margin-bottom: 16px !important;
}

body.single-wp-manga:not(.reading-manga) .manga-action {
	align-items: center !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	margin: 36px 0 0 !important;
	min-height: 52px !important;
	padding: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .manga-action .count-comment {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .manga-action::before {
	color: #211726 !important;
	content: "\f02e" !important;
	display: block !important;
	font-family: FontAwesome !important;
	font-size: 26px !important;
	line-height: 1 !important;
}

body.single-wp-manga:not(.reading-manga) .manga-action::after {
	color: #817b89 !important;
	content: "Follow" !important;
	display: block !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	margin: 8px 0 0 !important;
}

body.single-wp-manga:not(.reading-manga) #init-links {
	display: flex !important;
	gap: 6px !important;
	margin-top: 14px !important;
}

body.single-wp-manga:not(.reading-manga) #init-links .c-btn {
	background: #211726 !important;
	border: 0 !important;
	border-radius: 3px !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	padding: 12px 12px !important;
}

body.single-wp-manga:not(.reading-manga) .c-page-content {
	background: #fff !important;
	padding: 40px 0 78px !important;
}

body.single-wp-manga:not(.reading-manga) .c-page-content .main-col {
	float: none !important;
	margin: 0 auto !important;
	max-width: 920px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .c-page-content .row {
	display: block !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .main-col-inner,
body.single-wp-manga:not(.reading-manga) .c-page,
body.single-wp-manga:not(.reading-manga) .c-page__content {
	max-width: 920px !important;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .description-summary {
	margin-bottom: 34px !important;
}

body.single-wp-manga:not(.reading-manga) .c-blog__heading {
	align-items: center !important;
	border-bottom: 1px solid #e5e3ea !important;
	display: flex !important;
	gap: 12px !important;
	margin: 0 0 22px !important;
	padding-bottom: 12px !important;
}

body.single-wp-manga:not(.reading-manga) .c-blog__heading h2,
body.single-wp-manga:not(.reading-manga) .c-blog__heading h4 {
	align-items: center !important;
	color: #211b28 !important;
	display: flex !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	gap: 10px !important;
	letter-spacing: 0 !important;
	margin: 0 !important;
	text-transform: uppercase !important;
}

body.single-wp-manga:not(.reading-manga) .c-blog__heading i {
	align-items: center !important;
	background: #211726 !important;
	color: #fff !important;
	display: inline-flex !important;
	font-size: 14px !important;
	height: 24px !important;
	justify-content: center !important;
	margin: 0 !important;
	width: 24px !important;
}

body.single-wp-manga:not(.reading-manga) .summary__content {
	color: #817b89 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.72 !important;
	max-height: none !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main > li,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter {
	align-items: center !important;
	border-bottom: 1px solid #eeeeef !important;
	display: flex !important;
	min-height: 50px !important;
	padding: 0 !important;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter::before {
	background: #dddfe3 !important;
	border-radius: 3px !important;
	color: #211b28 !important;
	content: "PREMIUM" !important;
	display: inline-block !important;
	font-size: 8px !important;
	font-weight: 900 !important;
	margin-right: 10px !important;
	min-width: 48px !important;
	padding: 4px 5px !important;
	text-align: center !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter a {
	color: #8a8591 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .chapter-release-date {
	color: #9a95a1 !important;
	font-size: 11px !important;
	font-style: italic !important;
	margin-left: auto !important;
}

body.single-wp-manga:not(.reading-manga) .listing-chapters_wrap .c-chapter-readmore {
	margin: 24px 0 36px !important;
	text-align: center !important;
}

body.single-wp-manga:not(.reading-manga) .listing-chapters_wrap .chapter-readmore {
	color: #211b28 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
}

body.single-wp-manga:not(.reading-manga) .related-manga {
	margin-top: 28px !important;
}

body.single-wp-manga:not(.reading-manga) .related-manga [class*="col-"] {
	float: left !important;
	margin-bottom: 18px !important;
	padding-left: 11px !important;
	padding-right: 11px !important;
	width: 16.666% !important;
}

body.single-wp-manga:not(.reading-manga) .related-manga > .col-lg-12 {
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-img img {
	aspect-ratio: 2 / 3 !important;
	height: auto !important;
	object-fit: cover !important;
	width: 100% !important;
}

@media (max-width: 960px) {
	body.single-wp-manga:not(.reading-manga) .profile-manga .container,
	body.single-wp-manga:not(.reading-manga) .c-page-content .container,
	body.single-wp-manga:not(.reading-manga) .c-page-content .main-col {
		max-width: calc(100% - 32px) !important;
	}

	body.single-wp-manga:not(.reading-manga) .tab-summary {
		grid-template-columns: 1fr !important;
	}

	body.single-wp-manga:not(.reading-manga) .summary_content {
		grid-template-columns: 1fr !important;
	}

	body.single-wp-manga:not(.reading-manga) .related-manga [class*="col-"] {
		width: 50% !important;
	}
}

/* Manga preview vertical tightening. */
body.single-wp-manga:not(.reading-manga) .profile-manga {
	padding-top: 0 !important;
	padding-bottom: 30px !important;
}

body.single-wp-manga:not(.reading-manga) .c-breadcrumb-wrapper {
	margin-bottom: 18px !important;
	padding-top: 28px !important;
}

body.single-wp-manga:not(.reading-manga) .post-title {
	margin-bottom: 20px !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image,
body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	box-sizing: border-box !important;
	height: 360px !important;
	min-height: 360px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	padding: 24px 30px 20px !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item {
	margin-bottom: 8px !important;
}

body.single-wp-manga:not(.reading-manga) .post-status .post-content_item {
	margin-bottom: 14px !important;
}

body.single-wp-manga:not(.reading-manga) .manga-action {
	margin-top: 26px !important;
}

body.single-wp-manga:not(.reading-manga) #init-links {
	margin-top: 10px !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga {
	margin-bottom: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image,
body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	height: 388px !important;
	min-height: 388px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	padding-top: 22px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_image img {
	height: 235px !important;
}

body.single-wp-manga:not(.reading-manga) .c-page-content {
	padding-top: 40px !important;
}

body.single-wp-manga:not(.reading-manga) .main-col-inner {
	padding-bottom: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .c-page-content {
	margin-top: 0 !important;
	padding-top: 44px !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga {
	padding-bottom: 44px !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main.volumns > li.parent {
	border-bottom: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main.volumns > li.parent > a.has-child {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap-list .wp-manga-chapter:nth-child(n+10) {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .listing-chapters_wrap .c-chapter-readmore {
	display: block !important;
}

/* Manga preview density pass. */
body.single-wp-manga:not(.reading-manga) .profile-manga .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .main-col,
body.single-wp-manga:not(.reading-manga) .main-col-inner,
body.single-wp-manga:not(.reading-manga) .c-page,
body.single-wp-manga:not(.reading-manga) .c-page__content {
	max-width: 990px !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary {
	gap: 26px !important;
	grid-template-columns: 210px minmax(0, 1fr) !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image,
body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	height: 442px !important;
	min-height: 442px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_image img {
	height: 260px !important;
	width: 178px !important;
}

body.single-wp-manga:not(.reading-manga) .post-title h1 {
	font-size: 20px !important;
}

body.single-wp-manga:not(.reading-manga) .post-title::before {
	font-size: 9px !important;
	padding: 6px 8px !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating i {
	font-size: 32px !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating .score {
	font-size: 23px !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item {
	grid-template-columns: 104px minmax(0, 1fr) !important;
	margin-bottom: 10px !important;
}

body.single-wp-manga:not(.reading-manga) .post-status .post-content_item {
	grid-template-columns: 74px minmax(0, 1fr) !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item .summary-heading h5,
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content,
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content a {
	font-size: 13px !important;
}

body.single-wp-manga:not(.reading-manga) #init-links .c-btn {
	font-size: 13px !important;
	padding: 13px 15px !important;
}

body.single-wp-manga:not(.reading-manga) .c-blog__heading h2,
body.single-wp-manga:not(.reading-manga) .c-blog__heading h4 {
	font-size: 16px !important;
}

body.single-wp-manga:not(.reading-manga) .summary__content {
	font-size: 14px !important;
	line-height: 1.75 !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter {
	min-height: 54px !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter::before {
	font-size: 9px !important;
	min-width: 52px !important;
	padding: 4px 6px !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter a {
	font-size: 14px !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .chapter-release-date {
	font-size: 12px !important;
}

/* Manga preview compact pass: remove the airy desktop spacing. */
body.single-wp-manga:not(.reading-manga) .profile-manga .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .main-col,
body.single-wp-manga:not(.reading-manga) .main-col-inner,
body.single-wp-manga:not(.reading-manga) .c-page,
body.single-wp-manga:not(.reading-manga) .c-page__content {
	max-width: 920px !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga {
	padding-bottom: 32px !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary {
	gap: 24px !important;
	grid-template-columns: 186px minmax(0, 1fr) !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image,
body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	height: 360px !important;
	min-height: 360px !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image {
	padding: 0 14px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_image img {
	height: 235px !important;
	width: 160px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	padding: 22px 28px 20px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content {
	gap: 28px !important;
	grid-template-columns: minmax(0, 1.55fr) minmax(170px, .7fr) !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating {
	margin-bottom: 14px !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating i {
	font-size: 28px !important;
}

body.single-wp-manga:not(.reading-manga) .post-rating .score {
	font-size: 20px !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item {
	grid-template-columns: 86px minmax(0, 1fr) !important;
	margin-bottom: 7px !important;
}

body.single-wp-manga:not(.reading-manga) .post-status .post-content_item {
	grid-template-columns: 58px minmax(0, 1fr) !important;
	margin-bottom: 12px !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item .summary-heading h5,
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content,
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content a {
	font-size: 12px !important;
	line-height: 1.45 !important;
}

body.single-wp-manga:not(.reading-manga) .manga-action {
	margin-top: 20px !important;
	min-height: 44px !important;
}

body.single-wp-manga:not(.reading-manga) #init-links {
	margin-top: 8px !important;
}

body.single-wp-manga:not(.reading-manga) #init-links .c-btn {
	font-size: 12px !important;
	padding: 11px 13px !important;
}

body.single-wp-manga:not(.reading-manga) .c-page-content {
	margin-top: 0 !important;
	padding-top: 36px !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga .tab-summary {
	padding: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga {
	padding-bottom: 24px !important;
}

body.single-wp-manga:not(.reading-manga) .c-page-content {
	padding-top: 24px !important;
}

/* Manga preview final fit: make 100% zoom feel intentionally composed. */
body.single-wp-manga:not(.reading-manga) .profile-manga .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .main-col,
body.single-wp-manga:not(.reading-manga) .main-col-inner,
body.single-wp-manga:not(.reading-manga) .c-page,
body.single-wp-manga:not(.reading-manga) .c-page__content {
	max-width: 1120px !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga {
	padding-bottom: 22px !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary {
	gap: 22px !important;
	grid-template-columns: 232px minmax(0, 1fr) !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image,
body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	height: auto !important;
	min-height: 330px !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image {
	padding: 22px 18px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_image img {
	height: 280px !important;
	width: 194px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
	align-items: center !important;
	padding: 24px 34px 22px !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content {
	align-items: start !important;
	gap: 30px !important;
	grid-template-columns: minmax(420px, 1fr) minmax(250px, .45fr) !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item {
	grid-template-columns: 98px minmax(0, 1fr) !important;
	margin-bottom: 8px !important;
}

body.single-wp-manga:not(.reading-manga) .post-status .post-content_item {
	grid-template-columns: 72px max-content !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item .summary-heading h5,
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content,
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content a {
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.single-wp-manga:not(.reading-manga) .post-status .summary-content {
	white-space: nowrap !important;
}

body.single-wp-manga:not(.reading-manga) .manga-action {
	margin-top: 18px !important;
}

body.single-wp-manga:not(.reading-manga) #init-links {
	margin-top: 12px !important;
}

body.single-wp-manga:not(.reading-manga) .c-page-content,
body.single-wp-manga:not(.reading-manga) .c-page-content .content-area {
	margin-top: 0 !important;
	padding-top: 20px !important;
}

@media (max-width: 1160px) {
	body.single-wp-manga:not(.reading-manga) .profile-manga .container,
	body.single-wp-manga:not(.reading-manga) .c-page-content .container,
	body.single-wp-manga:not(.reading-manga) .c-page-content .main-col,
	body.single-wp-manga:not(.reading-manga) .main-col-inner,
	body.single-wp-manga:not(.reading-manga) .c-page,
	body.single-wp-manga:not(.reading-manga) .c-page__content {
		max-width: calc(100% - 32px) !important;
	}
}

@media (max-width: 900px) {
	body.single-wp-manga:not(.reading-manga) .tab-summary,
	body.single-wp-manga:not(.reading-manga) .summary_content {
		grid-template-columns: 1fr !important;
	}

	body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image,
	body.single-wp-manga:not(.reading-manga) .summary_content_wrap {
		min-height: 0 !important;
	}
}

 /* Reader minimal reset: keep Madara navigation/content, only simplify the chrome. */
body.reading-manga.wp-manga-page {
	background: #fff !important;
	color: #1d1724 !important;
}

body.reading-manga.wp-manga-page .site-header {
	display: block !important;
}

body.reading-manga.wp-manga-page #chapter-heading,
body.reading-manga.wp-manga-page .wp-manga-tags-wrapper,
body.reading-manga.wp-manga-page .comments-area,
body.reading-manga.wp-manga-page #madara-comments,
body.reading-manga.wp-manga-page .related-manga,
body.reading-manga.wp-manga-page .c-row.related-manga {
	display: none !important;
}

body.reading-manga.wp-manga-page .site-content,
body.reading-manga.wp-manga-page .c-page-content,
body.reading-manga.wp-manga-page .c-page-content .content-area {
	background: #fff !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap > .content-area > .container {
	max-width: 1428px !important;
	padding-left: 54px !important;
	padding-right: 54px !important;
	width: 100% !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .main-col,
body.reading-manga.wp-manga-page .reading-content-wrap .main-col-inner,
body.reading-manga.wp-manga-page .reading-content-wrap .c-blog-post,
body.reading-manga.wp-manga-page .reading-content-wrap .entry-content_wrap,
body.reading-manga.wp-manga-page .reading-content-wrap .read-container {
	float: none !important;
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .entry-header {
	margin-bottom: 46px !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .entry-header_wrap {
	align-items: center !important;
	display: flex !important;
	justify-content: space-between !important;
	margin-bottom: 32px !important;
	width: 100% !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .c-breadcrumb-wrapper,
body.reading-manga.wp-manga-page .reading-content-wrap .breadcrumb {
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .breadcrumb li,
body.reading-manga.wp-manga-page .reading-content-wrap .breadcrumb li a,
body.reading-manga.wp-manga-page .reading-content-wrap .breadcrumb li.active {
	color: #6f657b !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .breadcrumb > li + li::before {
	color: #b1aab9 !important;
	content: "/" !important;
	padding: 0 9px !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .action-icon {
	display: flex !important;
	float: none !important;
	gap: 12px !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .action-icon ul {
	display: flex !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .action-icon ul li a {
	align-items: center !important;
	background: #f0eff3 !important;
	border-radius: 50% !important;
	color: #170c22 !important;
	display: inline-flex !important;
	height: 36px !important;
	justify-content: center !important;
	position: static !important;
	width: 36px !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .action-icon ul li a i {
	font-size: 18px !important;
	position: static !important;
	transform: none !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .select-view {
	display: flex !important;
	float: left !important;
	gap: 10px !important;
	margin: 0 !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .select-view > * {
	padding: 0 !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .selectpicker_version,
body.reading-manga.wp-manga-page .reading-content-wrap .selectpicker_volume,
body.reading-manga.wp-manga-page .reading-content-wrap .selectpicker_load,
body.reading-manga.wp-manga-page .reading-content-wrap .selectpicker_page,
body.reading-manga.wp-manga-page .reading-content-wrap .btn-primary,
body.reading-manga.wp-manga-page .reading-content-wrap .mobile-nav-btn {
	display: none !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .chapter-selection,
body.reading-manga.wp-manga-page .reading-content-wrap .selectpicker_chapter {
	display: block !important;
	min-width: 152px !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .c-selectpicker label {
	margin: 0 !important;
	position: relative !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .c-selectpicker label::after {
	color: #8b8790 !important;
	content: "\f0dc" !important;
	font-family: FontAwesome !important;
	font-size: 15px !important;
	pointer-events: none !important;
	position: absolute !important;
	right: 13px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap select.selectpicker {
	appearance: none !important;
	background: #ecebed !important;
	border: 0 !important;
	border-radius: 6px !important;
	color: #1d1724 !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	height: 48px !important;
	min-width: 152px !important;
	padding: 0 36px 0 20px !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .select-pagination {
	display: flex !important;
	float: right !important;
	justify-content: flex-end !important;
	margin: 0 !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .select-pagination .nav-links {
	align-items: center !important;
	display: flex !important;
	gap: 10px !important;
	margin: 0 !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .select-pagination .nav-links a {
	align-items: center !important;
	background: #32283a !important;
	border-radius: 5px !important;
	color: #fff !important;
	display: inline-flex !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	height: 54px !important;
	line-height: 1 !important;
	padding: 0 22px !important;
	position: relative !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .select-pagination .nav-links a::before {
	content: none !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .nav-next a::after {
	content: "\f061";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
	margin-left: 7px;
}

body.reading-manga.wp-manga-page .reading-content-wrap .nav-previous a::before {
	content: "\f060";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
	margin-right: 7px;
}

body.reading-manga.wp-manga-page .reading-content-wrap .reading-content {
	margin: 64px 0 !important;
	text-align: center !important;
}

body.reading-manga.wp-manga-page .reading-content-wrap .reading-content img {
	display: block !important;
	height: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 100% !important;
}

@media (max-width: 760px) {
	body.reading-manga.wp-manga-page .reading-content-wrap > .content-area > .container {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	body.reading-manga.wp-manga-page .reading-content-wrap .entry-header_wrap {
		align-items: flex-start !important;
		flex-direction: column !important;
		gap: 14px !important;
	}

	body.reading-manga.wp-manga-page .reading-content-wrap .select-view,
	body.reading-manga.wp-manga-page .reading-content-wrap .select-pagination {
		float: none !important;
		justify-content: flex-start !important;
		margin-top: 18px !important;
		width: 100% !important;
	}

	body.reading-manga.wp-manga-page .reading-content-wrap .select-pagination .nav-links a {
		min-width: 94px !important;
		white-space: nowrap !important;
	}

	body.reading-manga.wp-manga-page .reading-content-wrap .reading-content {
		margin: 36px 0 !important;
	}
}

/* Manga detail related titles/images should stay clear, not dimmed. */
body.single-wp-manga:not(.reading-manga) .related-manga,
body.single-wp-manga:not(.reading-manga) .related-manga * {
	filter: none !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

body.single-wp-manga:not(.reading-manga) .related-manga .c-blog__heading,
body.single-wp-manga:not(.reading-manga) .related-manga .c-blog__heading h4 {
	color: #211b28 !important;
	font-weight: 900 !important;
}

body.single-wp-manga:not(.reading-manga) .related-manga .c-blog__heading i {
	background: #211726 !important;
	color: #fff !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-wrap {
	color: #211b28 !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-img,
body.single-wp-manga:not(.reading-manga) .related-reading-img a,
body.single-wp-manga:not(.reading-manga) .related-reading-img img,
body.single-wp-manga:not(.reading-manga) .related-reading-img:hover img {
	filter: none !important;
	opacity: 1 !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-img img {
	background: #f3f1f5 !important;
	display: block !important;
	transform: none !important;
	transition: none !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-content h5,
body.single-wp-manga:not(.reading-manga) .related-reading-content h5 a {
	color: #17121d !important;
	font-weight: 900 !important;
	opacity: 1 !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-wrap .post-on {
	color: #5f5968 !important;
	opacity: 1 !important;
}

/* Manga archive page: Mangahub-style compact grid without premium banner. */
body.post-type-archive-wp-manga,
body.tax-wp-manga-genre {
	background: #fff !important;
}

body.post-type-archive-wp-manga .mhub-subpage-premium,
body.tax-wp-manga-genre .mhub-subpage-premium,
body.post-type-archive-wp-manga .sidebar-col,
body.tax-wp-manga-genre .sidebar-col {
	display: none !important;
}

body.post-type-archive-wp-manga .site-content,
body.tax-wp-manga-genre .site-content {
	background: #fff !important;
}

body.post-type-archive-wp-manga .c-breadcrumb-wrapper,
body.tax-wp-manga-genre .c-breadcrumb-wrapper {
	background-color: #f0f1f4 !important;
	background-image:
		radial-gradient(circle at 12% 22%, rgba(33, 23, 38, .06) 0 1px, transparent 2px),
		radial-gradient(circle at 38% 44%, rgba(33, 23, 38, .05) 0 8px, transparent 9px),
		radial-gradient(circle at 73% 18%, rgba(33, 23, 38, .06) 0 7px, transparent 8px) !important;
	background-size: 170px 130px, 220px 160px, 260px 180px !important;
	margin: 0 !important;
	padding: 42px 0 46px !important;
}

body.post-type-archive-wp-manga .c-breadcrumb-wrapper .container,
body.tax-wp-manga-genre .c-breadcrumb-wrapper .container,
body.post-type-archive-wp-manga .mhub-manga-archive .container,
body.tax-wp-manga-genre .mhub-manga-archive .container {
	max-width: 990px !important;
	width: calc(100% - 44px) !important;
}

body.post-type-archive-wp-manga .c-breadcrumb,
body.tax-wp-manga-genre .c-breadcrumb {
	margin-bottom: 24px !important;
}

body.post-type-archive-wp-manga .breadcrumb,
body.tax-wp-manga-genre .breadcrumb {
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.post-type-archive-wp-manga .breadcrumb li,
body.post-type-archive-wp-manga .breadcrumb li a,
body.tax-wp-manga-genre .breadcrumb li,
body.tax-wp-manga-genre .breadcrumb li a {
	color: #8b8591 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

body.post-type-archive-wp-manga .c-genres-block,
body.tax-wp-manga-genre .c-genres-block {
	margin: 0 !important;
	padding: 0 !important;
}

body.post-type-archive-wp-manga .c-genres-block .c-blog__heading,
body.tax-wp-manga-genre .c-genres-block .c-blog__heading {
	background: #211726 !important;
	display: inline-flex !important;
	margin: 0 0 20px !important;
	padding: 10px 18px !important;
	position: relative !important;
}

body.post-type-archive-wp-manga .c-genres-block .c-blog__heading::after,
body.tax-wp-manga-genre .c-genres-block .c-blog__heading::after {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #211726;
	bottom: -7px;
	content: "";
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}

body.post-type-archive-wp-manga .c-genres-block .c-blog__heading h5,
body.tax-wp-manga-genre .c-genres-block .c-blog__heading h5 {
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	margin: 0 !important;
	text-transform: uppercase !important;
}

body.post-type-archive-wp-manga .btn-genres,
body.tax-wp-manga-genre .btn-genres {
	display: none !important;
}

body.post-type-archive-wp-manga .genres__collapse,
body.tax-wp-manga-genre .genres__collapse {
	display: block !important;
}

body.post-type-archive-wp-manga .genres ul,
body.tax-wp-manga-genre .genres ul {
	display: grid !important;
	gap: 14px 38px !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

body.post-type-archive-wp-manga .genres li,
body.tax-wp-manga-genre .genres li {
	float: none !important;
	max-width: none !important;
	padding: 0 !important;
	width: auto !important;
}

body.post-type-archive-wp-manga .genres li a,
body.tax-wp-manga-genre .genres li a {
	color: #27212e !important;
	display: block !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
	padding-left: 12px !important;
	position: relative !important;
}

body.post-type-archive-wp-manga .genres li a::before,
body.tax-wp-manga-genre .genres li a::before {
	color: #8d8891;
	content: "\203A";
	font-size: 13px;
	left: 0;
	position: absolute;
	top: -1px;
}

body.post-type-archive-wp-manga .genres .count,
body.tax-wp-manga-genre .genres .count {
	color: #6f6875 !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	margin-left: 4px !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive,
body.tax-wp-manga-genre .mhub-manga-archive {
	padding: 42px 0 82px !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .main-col,
body.tax-wp-manga-genre .mhub-manga-archive .main-col {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .entry-header,
body.tax-wp-manga-genre .mhub-manga-archive .entry-header {
	margin: 0 0 24px !important;
	padding: 0 !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .entry-title h1,
body.tax-wp-manga-genre .mhub-manga-archive .entry-title h1 {
	color: #211b28 !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	margin: 0 !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .c-blog__heading.style-2,
body.tax-wp-manga-genre .mhub-manga-archive .c-blog__heading.style-2 {
	align-items: center !important;
	border-bottom: 1px solid #e3e0e7 !important;
	display: flex !important;
	justify-content: space-between !important;
	margin: 0 0 26px !important;
	padding: 0 0 14px !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .c-blog__heading .h4,
body.tax-wp-manga-genre .mhub-manga-archive .c-blog__heading .h4 {
	align-items: center !important;
	color: #211b28 !important;
	display: inline-flex !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	gap: 12px !important;
	margin: 0 !important;
	text-transform: uppercase !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .c-blog__heading .h4 i,
body.tax-wp-manga-genre .mhub-manga-archive .c-blog__heading .h4 i {
	align-items: center !important;
	background: #211726 !important;
	color: #fff !important;
	display: inline-flex !important;
	font-size: 14px !important;
	height: 27px !important;
	justify-content: center !important;
	width: 27px !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .c-nav-tabs,
body.tax-wp-manga-genre .mhub-manga-archive .c-nav-tabs {
	align-items: center !important;
	display: flex !important;
	gap: 18px !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .c-nav-tabs span,
body.post-type-archive-wp-manga .mhub-manga-archive .c-nav-tabs a,
body.tax-wp-manga-genre .mhub-manga-archive .c-nav-tabs span,
body.tax-wp-manga-genre .mhub-manga-archive .c-nav-tabs a {
	color: #918b98 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .c-tabs-content,
body.tax-wp-manga-genre .mhub-manga-archive .c-tabs-content {
	display: flex !important;
	gap: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive .c-tabs-content li,
body.tax-wp-manga-genre .mhub-manga-archive .c-tabs-content li {
	margin: 0 !important;
	padding: 0 !important;
}

body.post-type-archive-wp-manga .mhub-archive-grid,
body.tax-wp-manga-genre .mhub-archive-grid {
	display: grid !important;
	gap: 34px 8px !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	margin: 0 !important;
}

body.post-type-archive-wp-manga .mhub-archive-card,
body.tax-wp-manga-genre .mhub-archive-card {
	min-width: 0 !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .page-item-detail,
body.tax-wp-manga-genre .mhub-archive-card .page-item-detail {
	background: transparent !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .item-thumb,
body.tax-wp-manga-genre .mhub-archive-card .item-thumb {
	background: #19131f !important;
	border-radius: 4px !important;
	display: block !important;
	height: auto !important;
	overflow: hidden !important;
	position: relative !important;
	width: 100% !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .item-thumb::after,
body.tax-wp-manga-genre .mhub-archive-card .item-thumb::after {
	background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, .82) 100%);
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

body.post-type-archive-wp-manga .mhub-archive-card .item-thumb img,
body.tax-wp-manga-genre .mhub-archive-card .item-thumb img {
	aspect-ratio: 2 / 3 !important;
	display: block !important;
	height: auto !important;
	object-fit: cover !important;
	transform: none !important;
	transition: none !important;
	width: 100% !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .item-thumb:hover img,
body.tax-wp-manga-genre .mhub-archive-card .item-thumb:hover img {
	filter: none !important;
	opacity: 1 !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .manga-title-badges,
body.tax-wp-manga-genre .mhub-archive-card .manga-title-badges {
	background: #211726 !important;
	border-radius: 2px !important;
	color: #fff !important;
	font-size: 7px !important;
	font-weight: 900 !important;
	left: 6px !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	padding: 4px 6px !important;
	position: absolute !important;
	text-transform: uppercase !important;
	top: 7px !important;
	z-index: 3 !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .mhub-play-dot,
body.tax-wp-manga-genre .mhub-archive-card .mhub-play-dot {
	align-items: center !important;
	background: rgba(255, 255, 255, .92) !important;
	border-radius: 50% !important;
	color: #211726 !important;
	display: inline-flex !important;
	font-size: 7px !important;
	height: 15px !important;
	justify-content: center !important;
	position: absolute !important;
	right: 6px !important;
	top: 6px !important;
	width: 15px !important;
	z-index: 3 !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .mhub-card-title,
body.tax-wp-manga-genre .mhub-archive-card .mhub-card-title {
	bottom: 9px !important;
	color: #fff !important;
	display: block !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	left: 8px !important;
	line-height: 1.18 !important;
	position: absolute !important;
	right: 8px !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .45) !important;
	z-index: 2 !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .list-chapter,
body.tax-wp-manga-genre .mhub-archive-card .list-chapter {
	display: grid !important;
	gap: 6px !important;
	margin-top: 11px !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .chapter-item,
body.tax-wp-manga-genre .mhub-archive-card .chapter-item {
	align-items: center !important;
	display: grid !important;
	gap: 6px !important;
	grid-template-columns: auto 1fr !important;
	margin: 0 !important;
	min-height: 18px !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .chapter a,
body.tax-wp-manga-genre .mhub-archive-card .chapter a {
	background: #eeeef1 !important;
	border-radius: 999px !important;
	color: #77727d !important;
	display: inline-flex !important;
	font-size: 8px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	max-width: 72px !important;
	overflow: hidden !important;
	padding: 6px 8px !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .post-on,
body.tax-wp-manga-genre .mhub-archive-card .post-on {
	color: #9a95a1 !important;
	font-size: 8px !important;
	font-weight: 800 !important;
	justify-self: end !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

@media (max-width: 980px) {
	body.post-type-archive-wp-manga .genres ul,
	body.tax-wp-manga-genre .genres ul {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	body.post-type-archive-wp-manga .mhub-archive-grid,
	body.tax-wp-manga-genre .mhub-archive-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 680px) {
	body.post-type-archive-wp-manga .c-breadcrumb-wrapper .container,
	body.tax-wp-manga-genre .c-breadcrumb-wrapper .container,
	body.post-type-archive-wp-manga .mhub-manga-archive .container,
	body.tax-wp-manga-genre .mhub-manga-archive .container {
		width: calc(100% - 28px) !important;
	}

	body.post-type-archive-wp-manga .genres ul,
	body.tax-wp-manga-genre .genres ul,
	body.post-type-archive-wp-manga .mhub-archive-grid,
	body.tax-wp-manga-genre .mhub-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.post-type-archive-wp-manga .mhub-manga-archive .c-blog__heading.style-2,
	body.tax-wp-manga-genre .mhub-manga-archive .c-blog__heading.style-2 {
		align-items: flex-start !important;
		flex-direction: column !important;
		gap: 14px !important;
	}

	body.post-type-archive-wp-manga .mhub-manga-archive .c-tabs-content,
	body.tax-wp-manga-genre .mhub-manga-archive .c-tabs-content {
		flex-wrap: wrap !important;
		gap: 10px 16px !important;
	}
}

/* ============================================================
   Fix: avatar/card khong click duoc tren PC.
   Nguyen nhan: cac lop phu position:fixed (wall ads 2 ben,
   ad takeover, modal mat CSS bootstrap do bi dequeue o trang chu)
   de trong suot len noi dung. Mobile khong bi vi wall-ads bi an
   o <=1280px. Cac rule duoi day vo hieu hoa moi lop phu kieu nay.
   ============================================================ */

/* Wall ads (footer.php cua theme cha luon render khi co cau hinh):
   khong cho khung quang cao chan click; chi phan tu ad thuc su nhan click */
.wall-ads-control {
	pointer-events: none !important;
}

.wall-ads-control a,
.wall-ads-control img,
.wall-ads-control iframe,
.wall-ads-control ins {
	pointer-events: auto !important;
}

/* Child theme dequeue bootstrap CSS o front page -> markup modal cua
   plugin (#form-login, #form-sign-up, adult modal...) mat rule
   .modal{display:none} va co the de len trang. An lai khi chua mo. */
body.home .modal:not(.in):not(.show) {
	display: none !important;
}

body.home:not(.modal-open) .modal-backdrop {
	display: none !important;
}

/* Noi dung trang chu luon noi tren cac lop quang cao co dinh cua theme
   (wall-ads-control co z-index: 9) */
body.home .mhub-home {
	position: relative;
	z-index: 10;
}

/* ============================================================
   Fix: trang detail chi hien 9 chapter.
   File style.css dang chay tren host co rule:
   `.sub-chap-list .wp-manga-chapter:nth-child(n+10) { display:none !important }`
   an cung tu chapter 10 tro di — JS "Show more" cua theme cha chi mo
   max-height nen khong the hien lai. Override hien lai toan bo chapter;
   viec thu gon + nut Show more do max-height 550px cua theme cha va
   script trong functions.php (ban event wp_manga_after_load_chapters_list)
   dam nhan, giong ban goc.
   ============================================================ */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap-list .wp-manga-chapter:nth-child(n+10),
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter:nth-child(n+10) {
	display: flex !important;
}

/* ============================================================
   Trang list truyen: an volume "00" va dua ngay thang ve cung
   dong voi ten chapter.
   ============================================================ */
body.post-type-archive-wp-manga .mhub-archive-card .chapter-item .vol,
body.tax-wp-manga-genre .mhub-archive-card .chapter-item .vol {
	display: none !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .chapter-item,
body.tax-wp-manga-genre .mhub-archive-card .chapter-item {
	align-items: center !important;
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
}

body.post-type-archive-wp-manga .mhub-archive-card .chapter-item .post-on,
body.tax-wp-manga-genre .mhub-archive-card .chapter-item .post-on {
	color: #9a95a1 !important;
	font-size: 10px !important;
	margin: 0 0 0 auto !important;
	white-space: nowrap !important;
}

/* ============================================================
   Phan trang so 1,2,3,4 cho trang list truyen (/comic/).
   ============================================================ */
.mhub-pagination {
	margin-top: 34px;
}

.mhub-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mhub-pagination .page-numbers li {
	margin: 0;
	padding: 0;
}

.mhub-pagination .page-numbers a,
.mhub-pagination .page-numbers span {
	align-items: center;
	background: #fff;
	border: 1px solid #e3e0e7;
	border-radius: 6px;
	color: #4a4452;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	height: 36px;
	justify-content: center;
	line-height: 1;
	min-width: 36px;
	padding: 0 8px;
}

.mhub-pagination .page-numbers span.current {
	background: #211726;
	border-color: #211726;
	color: #fff;
}

.mhub-pagination .page-numbers a:hover {
	border-color: #211726;
	color: #211726;
}

.mhub-pagination .page-numbers span.dots {
	background: transparent;
	border: 0;
}

/* ============================================================
   Header PC: an link "Advanced" va nut menu mobile (hamburger).
   Chi an o desktop de mobile van mo duoc off-canvas menu.
   ============================================================ */
@media (min-width: 901px) {
	.site-header .c-togle__menu,
	.site-header .menu_icon__open,
	.site-header .main-navigation_wrap > .c-togle__menu {
		display: none !important;
	}
}

.site-header .link-adv-search {
	display: none !important;
}

/* Footer: an widget "BROWSE MANGA BY" va hang icon social */
.site-footer .c-footer-sidebar,
.site-footer .top-footer {
	display: none !important;
}

/* "Mises a jour recentes": dong phu hien ten chapter moi nhat,
   co the dai -> cat bot bang dau ... */
.mhub-update-grid .mhub-media-item > span:last-child {
	min-width: 0;
}

.mhub-update-grid .mhub-media-item small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ============================================================
   Vong tron so chapter canh badge trang thai (OnGoing/End)
   tren card truyen trang chu.
   ============================================================ */
.mhub-badge-row {
	align-items: center;
	display: flex;
	gap: 6px;
	left: 10px;
	position: absolute;
	top: 10px;
	z-index: 2;
}

.mhub-badge-row .mhub-status {
	left: auto;
	position: static;
	top: auto;
}

.mhub-chap-bubble {
	align-items: center;
	background: var(--mhub-teal);
	border-radius: 999px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	color: #fff;
	display: inline-flex;
	font-size: 9px;
	font-weight: 900;
	height: 22px;
	justify-content: center;
	line-height: 1;
	min-width: 22px;
	padding: 0 3px;
}

/* 4 shelf duoi cung: ten chapter moi nhat thay cho rating,
   kem cham (N) do neu chapter vua update. */
.mhub-card-chap {
	align-items: center;
	bottom: 8px;
	color: rgba(255, 255, 255, .88);
	display: flex;
	font-size: 11px;
	font-weight: 800;
	gap: 5px;
	left: 12px;
	max-width: calc(100% - 24px);
	position: absolute;
}

.mhub-card-chap .mhub-chap-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mhub-new-dot {
	align-items: center;
	background: var(--mhub-primary);
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
	color: #fff;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 8px;
	font-weight: 900;
	height: 15px;
	justify-content: center;
	line-height: 1;
	width: 15px;
}

/* Fix: duong ke phan cach cua theme cha (ul.main.version-chap li:after,
   1px #ebebeb, khong co top/bottom) bi can giua boi display:flex cua
   child theme -> trong nhu gach ngang de len ten chapter.
   Child da co border-bottom lam phan cach nen an han pseudo nay. */
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li::after,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li::after {
	content: none !important;
	display: none !important;
}

/* ============================================================
   Main menu: can trai, ap sat logo (thay vi can giua).
   De cuoi file + selector co "body" de de cac rule cu
   (wrap_branding 28%, main-menu justify center, Advanced,
   hamburger flex) trong cac block phia tren.
   ============================================================ */
body .site-header .main-navigation_wrap {
	align-items: center !important;
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: flex-start !important;
}

body .site-header .wrap_branding {
	flex: 0 0 auto !important;
	margin-right: 28px !important;
	min-width: 0 !important;
	width: auto !important;
}

body .site-header .main-menu,
body .site-header .main-navigation .main-menu,
body .site-header .main-navigation.style-1 .main-menu {
	flex: 0 1 auto !important;
	justify-content: flex-start !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	width: auto !important;
}

body .site-header .main-menu .nav,
body .site-header .main-menu .navbar-nav,
body .site-header .main-menu .main-navbar {
	justify-content: flex-start !important;
	text-align: left !important;
	width: auto !important;
}

body .site-header .search-navigation,
body .site-header .main-navigation .main-menu-search {
	flex: 0 0 auto !important;
	margin-left: auto !important;
	width: auto !important;
}

/* An chu "Advanced" (block cu bat display:block !important) */
body .site-header .link-adv-search {
	display: none !important;
}

/* An hamburger tren PC (block cu bat display:flex !important);
   mobile van hien de mo off-canvas menu */
@media (min-width: 901px) {
	body .site-header .c-togle__menu,
	body .site-header .menu_icon__open,
	body .site-header .main-navigation_wrap > .c-togle__menu {
		display: none !important;
	}
}

/* ============================================================
   MADARA-CHILD2 — Trang chu toi mau (phong cach Origines)
   ============================================================ */
:root {
	--mo2-bg: #0d0c11;
	--mo2-panel: #18161d;
	--mo2-line: rgba(255, 255, 255, .07);
	--mo2-ink: #f3f2f6;
	--mo2-muted: #9b97a5;
	--mo2-blue: #2da9e1;
	--mo2-red: #e84545;
	--mo2-pink: #ef3e8e;
	--mo2-yellow: #f0c33c;
	--mo2-teal: #18c29c;
	--mo2-green: #4caf50;
}

body.home,
body.home.text-ui-dark {
	background: var(--mo2-bg) !important;
	color: var(--mo2-ink);
	font-family: Montserrat, Inter, "Segoe UI", Arial, sans-serif;
}

body.home .site-header,
body.home .site-header .c-header__top,
body.home .site-header .main-navigation,
body.home .site-header .main-navigation.style-1 {
	background: var(--mo2-bg) !important;
}

body.home .site-content {
	background: var(--mo2-bg) !important;
}

.mo2-home {
	background: var(--mo2-bg);
	min-height: 100vh;
	padding: 10px 0 60px;
}

.mo2-wrap {
	margin: 0 auto;
	max-width: 1320px;
	padding: 0 24px;
	width: 100%;
}

.mo2-section {
	margin-bottom: 44px;
}

.mo2-h {
	border-left: 4px solid var(--mo2-pink);
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 18px;
	padding-left: 12px;
}

.mo2-h-blue { border-color: var(--mo2-blue); }
.mo2-h-red { border-color: var(--mo2-red); }
.mo2-h-yellow { border-color: var(--mo2-yellow); }
.mo2-h-pink { border-color: var(--mo2-pink); }
.mo2-h-teal { border-color: var(--mo2-teal); }
.mo2-h-green { border-color: var(--mo2-green); }

/* ----- Card chung ----- */
.mo2-card {
	background: var(--mo2-panel);
	border: 1px solid var(--mo2-line);
	border-radius: 14px;
	display: block;
	overflow: hidden;
	position: relative;
	transition: transform .2s ease, border-color .2s ease;
}

.mo2-card:hover {
	border-color: rgba(255, 255, 255, .22);
	transform: translateY(-3px);
}

.mo2-card img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
	width: 100%;
}

.mo2-card:hover img {
	transform: scale(1.05);
}

.mo2-card-wide {
	aspect-ratio: 16 / 7.2;
}

.mo2-card-poster {
	aspect-ratio: 2 / 3;
}

.mo2-badge {
	background: rgba(10, 9, 14, .78);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 999px;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	left: 12px;
	letter-spacing: .04em;
	line-height: 1;
	padding: 6px 11px;
	position: absolute;
	text-transform: uppercase;
	top: 12px;
	z-index: 2;
}

.mo2-shade {
	background: linear-gradient(180deg, transparent 45%, rgba(5, 4, 8, .92) 100%);
	inset: 0;
	position: absolute;
}

.mo2-card-title {
	bottom: 14px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	left: 14px;
	line-height: 1.3;
	max-width: calc(100% - 28px);
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1;
}

/* ----- Cac luoi ----- */
.mo2-hot-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(4, 1fr);
}

.mo2-poster-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(5, 1fr);
}

.mo2-wide-grid {
	display: grid;
	gap: 18px;
}

.mo2-cols-4 { grid-template-columns: repeat(4, 1fr); }
.mo2-cols-5 { grid-template-columns: repeat(5, 1fr); }

/* ----- Banner tuyen thanh vien ----- */
.mo2-recruit {
	background:
		radial-gradient(circle at 80% 30%, rgba(122, 60, 220, .25), transparent 55%),
		var(--mo2-panel);
	border: 1px solid var(--mo2-line);
	border-radius: 16px;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(260px, 380px) 1fr;
	overflow: hidden;
	padding: 34px 40px;
}

.mo2-recruit-copy h2 {
	color: var(--mo2-pink);
	font-size: 30px;
	font-weight: 800;
	margin: 0 0 6px;
}

.mo2-recruit-sub {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 14px;
}

.mo2-recruit-copy ul {
	color: var(--mo2-muted);
	font-size: 14px;
	line-height: 1.9;
	margin: 0 0 22px;
	padding-left: 18px;
}

.mo2-btn-outline {
	border: 1px solid var(--mo2-pink);
	border-radius: 8px;
	color: #fff !important;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	padding: 12px 24px;
	transition: background .2s ease;
}

.mo2-btn-outline:hover {
	background: var(--mo2-pink);
}

.mo2-recruit-art {
	background: linear-gradient(120deg, rgba(122, 60, 220, .35), rgba(38, 18, 64, .6));
	border-radius: 12px;
	min-height: 200px;
}

/* ----- Sorties recentes ----- */
.mo2-release-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(8, 1fr);
}

.mo2-release-card {
	background: var(--mo2-panel);
	border: 1px solid var(--mo2-line);
	border-radius: 12px;
	overflow: hidden;
	padding-bottom: 10px;
}

.mo2-release-thumb {
	aspect-ratio: 2 / 2.9;
	display: block;
	overflow: hidden;
	position: relative;
}

.mo2-release-thumb img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mo2-release-title {
	color: #fff !important;
	display: block;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.3;
	overflow: hidden;
	padding: 10px 10px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mo2-release-title:hover {
	color: var(--mo2-pink) !important;
}

.mo2-release-chap {
	align-items: center;
	display: flex;
	gap: 6px;
	padding: 4px 10px;
}

.mo2-chap-pill {
	background: #232029;
	border-radius: 6px;
	color: #cfccd6 !important;
	font-size: 10.5px;
	font-weight: 600;
	max-width: 60%;
	overflow: hidden;
	padding: 5px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mo2-release-chap:hover .mo2-chap-pill {
	background: #2e2a37;
	color: #fff !important;
}

.mo2-new-dot {
	align-items: center;
	background: var(--mo2-red);
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 8px;
	font-weight: 800;
	height: 14px;
	justify-content: center;
	width: 14px;
}

.mo2-chap-views {
	color: var(--mo2-muted);
	font-size: 10.5px;
	margin-left: auto;
	white-space: nowrap;
}

.mo2-chap-views i {
	font-size: 9px;
}

/* ----- Nut pill ----- */
.mo2-more {
	margin-top: 26px;
	text-align: center;
}

.mo2-btn-pill {
	background: #17151c;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	color: #fff !important;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 9px;
	padding: 12px 26px;
	transition: background .2s ease, border-color .2s ease;
}

.mo2-btn-pill:hover {
	background: #232029;
	border-color: rgba(255, 255, 255, .35);
}

/* ----- Series terminees (rating) ----- */
.mo2-rated-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(8, 1fr);
}

.mo2-rated-card {
	background: var(--mo2-panel);
	border: 1px solid var(--mo2-line);
	border-radius: 12px;
	display: block;
	overflow: hidden;
	padding-bottom: 12px;
	transition: transform .2s ease, border-color .2s ease;
}

.mo2-rated-card:hover {
	border-color: rgba(255, 255, 255, .22);
	transform: translateY(-3px);
}

.mo2-rated-thumb {
	aspect-ratio: 2 / 2.6;
	display: block;
	overflow: hidden;
}

.mo2-rated-thumb img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mo2-rated-title {
	color: #fff;
	display: block;
	font-size: 12.5px;
	font-weight: 700;
	overflow: hidden;
	padding: 10px 10px 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mo2-stars {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 13px;
	gap: 8px;
	padding: 0 10px;
}

.mo2-stars-on {
	color: var(--mo2-blue);
	letter-spacing: 1px;
}

/* ----- Footer toi gian tren trang chu ----- */
body.home .site-footer,
body.home .c-footer {
	background: #0a090d !important;
}

body.home .site-footer .bottom-footer {
	background: transparent !important;
}

body.home .site-footer .copyright,
body.home .site-footer .copyright p {
	color: #8d8997 !important;
	font-size: 12.5px !important;
	text-align: center !important;
}

/* ----- Responsive ----- */
@media (max-width: 1160px) {
	.mo2-release-grid,
	.mo2-rated-grid {
		grid-template-columns: repeat(6, 1fr);
	}

	.mo2-hot-grid,
	.mo2-cols-5 {
		grid-template-columns: repeat(3, 1fr);
	}

	.mo2-poster-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 900px) {
	.mo2-hot-grid,
	.mo2-cols-4,
	.mo2-cols-5 {
		grid-template-columns: repeat(2, 1fr);
	}

	.mo2-poster-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.mo2-release-grid,
	.mo2-rated-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.mo2-recruit {
		grid-template-columns: 1fr;
		padding: 26px;
	}

	.mo2-recruit-art {
		min-height: 140px;
	}
}

@media (max-width: 560px) {
	.mo2-hot-grid {
		grid-template-columns: 1fr;
	}

	.mo2-poster-grid,
	.mo2-release-grid,
	.mo2-rated-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.mo2-h {
		font-size: 18px;
	}
}

/* ============================================================
   MO2 slider auto-chay cho cac shelf duoi cung
   ============================================================ */
.mo2-slider {
	position: relative;
}

.mo2-slider-track {
	-ms-overflow-style: none;
	display: flex;
	gap: 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.mo2-slider-track::-webkit-scrollbar {
	display: none;
}

.mo2-slider-track .mo2-card {
	flex: 0 0 calc((100% - 54px) / 4);
	scroll-snap-align: start;
}

.mo2-slider[data-visible="5"] .mo2-slider-track .mo2-card {
	flex-basis: calc((100% - 72px) / 5);
}

.mo2-slider-btn {
	align-items: center;
	background: rgba(16, 14, 21, .85);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 22px;
	height: 40px;
	justify-content: center;
	line-height: 1;
	opacity: 0;
	padding: 0 0 3px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity .2s ease, background .2s ease;
	width: 40px;
	z-index: 3;
}

.mo2-slider:hover .mo2-slider-btn {
	opacity: 1;
}

.mo2-slider-btn:hover {
	background: rgba(40, 36, 50, .95);
}

.mo2-prev { left: -12px; }
.mo2-next { right: -12px; }

@media (max-width: 1160px) {
	.mo2-slider-track .mo2-card,
	.mo2-slider[data-visible="5"] .mo2-slider-track .mo2-card {
		flex-basis: calc((100% - 36px) / 3);
	}
}

@media (max-width: 900px) {
	.mo2-slider-track .mo2-card,
	.mo2-slider[data-visible="5"] .mo2-slider-track .mo2-card {
		flex-basis: calc((100% - 18px) / 2);
	}

	.mo2-slider-btn {
		display: none;
	}
}

@media (max-width: 560px) {
	.mo2-slider-track .mo2-card,
	.mo2-slider[data-visible="5"] .mo2-slider-track .mo2-card {
		flex-basis: 86%;
	}
}

/* ============================================================
   MO2 — Trang detail truyen toi mau (phong cach Origines)
   ============================================================ */
body.single-wp-manga:not(.reading-manga),
body.single-wp-manga:not(.reading-manga) .site-content,
body.single-wp-manga:not(.reading-manga) .c-page-content {
	background: var(--mo2-bg) !important;
	color: var(--mo2-ink);
}

body.single-wp-manga:not(.reading-manga) .profile-manga {
	background: var(--mo2-bg) !important;
	background-image: none !important;
	padding: 18px 0 30px !important;
}

/* Breadcrumb */
body.single-wp-manga:not(.reading-manga) .c-breadcrumb .breadcrumb li,
body.single-wp-manga:not(.reading-manga) .c-breadcrumb .breadcrumb li a {
	color: #8d8997 !important;
	font-size: 12px !important;
}

body.single-wp-manga:not(.reading-manga) .c-breadcrumb .breadcrumb li a:hover {
	color: #fff !important;
}

/* Tieu de */
body.single-wp-manga:not(.reading-manga) .post-title h1 {
	color: #fff !important;
	font-size: 26px !important;
	font-weight: 700 !important;
}

body.single-wp-manga:not(.reading-manga) .post-title .manga-title-badges {
	background: rgba(10, 9, 14, .78) !important;
	border: 1px solid rgba(255, 255, 255, .18) !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	padding: 6px 12px !important;
	text-transform: uppercase !important;
}

/* Panel thong tin */
body.single-wp-manga:not(.reading-manga) .tab-summary {
	background: var(--mo2-panel) !important;
	border: 1px solid var(--mo2-line) !important;
	border-radius: 16px !important;
	padding: 26px !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image {
	background: transparent !important;
	padding: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image img {
	border-radius: 10px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .5) !important;
}

body.single-wp-manga:not(.reading-manga) .summary_content_wrap,
body.single-wp-manga:not(.reading-manga) .summary_content {
	background: transparent !important;
	color: var(--mo2-ink) !important;
}

/* Bang thong tin: nhan trai mo, gia tri trang */
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-heading h5 {
	color: #9b97a5 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content,
body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content a {
	color: #f3f2f6 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

body.single-wp-manga:not(.reading-manga) .post-content_item .summary-content a:hover {
	color: var(--mo2-blue) !important;
}

/* Sao + diem */
body.single-wp-manga:not(.reading-manga) .post-total-rating .score {
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 800 !important;
}

body.single-wp-manga:not(.reading-manga) .post-total-rating i,
body.single-wp-manga:not(.reading-manga) .post-rating i {
	color: var(--mo2-yellow) !important;
	font-size: 20px !important;
}

/* Trang thai + action */
body.single-wp-manga:not(.reading-manga) .post-status .summary-content {
	color: #fff !important;
}

body.single-wp-manga:not(.reading-manga) .post-status .manga-action::before,
body.single-wp-manga:not(.reading-manga) .manga-action::before {
	color: var(--mo2-blue) !important;
}

body.single-wp-manga:not(.reading-manga) .post-status .manga-action::after,
body.single-wp-manga:not(.reading-manga) .manga-action::after {
	color: #9b97a5 !important;
}

body.single-wp-manga:not(.reading-manga) .count-comment .action_icon a i,
body.single-wp-manga:not(.reading-manga) .add-bookmark .action_icon a i {
	color: var(--mo2-blue) !important;
}

/* Nut Read First / Dernier chapitre */
body.single-wp-manga:not(.reading-manga) #btn-read-first,
body.single-wp-manga:not(.reading-manga) #btn-read-last,
body.single-wp-manga:not(.reading-manga) .btn-read-first,
body.single-wp-manga:not(.reading-manga) .btn-read-last {
	background: var(--mo2-blue) !important;
	border: 0 !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	padding: 12px 22px !important;
	transition: filter .2s ease;
}

body.single-wp-manga:not(.reading-manga) #btn-read-first:hover,
body.single-wp-manga:not(.reading-manga) #btn-read-last:hover {
	filter: brightness(1.15);
}

/* Synopsis */
body.single-wp-manga:not(.reading-manga) .c-blog__heading h2,
body.single-wp-manga:not(.reading-manga) .c-blog__heading h4,
body.single-wp-manga:not(.reading-manga) .c-blog__heading .h4 {
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 700 !important;
}

body.single-wp-manga:not(.reading-manga) .c-blog__heading h4 i,
body.single-wp-manga:not(.reading-manga) .c-blog__heading .h4 i {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .description-summary {
	background: var(--mo2-panel) !important;
	border: 1px solid var(--mo2-line) !important;
	border-radius: 14px !important;
	padding: 20px 24px !important;
}

body.single-wp-manga:not(.reading-manga) .summary__content,
body.single-wp-manga:not(.reading-manga) .summary__content p {
	background: transparent !important;
	color: #cfccd6 !important;
	font-size: 14px !important;
	line-height: 1.85 !important;
}

/* Danh sach chapter: cac hang panel bo goc */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page {
	background: transparent !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main > li,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter {
	background: var(--mo2-panel) !important;
	border: 1px solid var(--mo2-line) !important;
	border-bottom: 1px solid var(--mo2-line) !important;
	border-radius: 12px !important;
	margin: 0 0 10px !important;
	min-height: 54px !important;
	padding: 0 18px !important;
	transition: border-color .15s ease;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter:hover {
	border-color: rgba(255, 255, 255, .25) !important;
}

/* Bo badge PREMIUM cu */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter::before {
	content: none !important;
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter a {
	color: #fff !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter a:hover {
	color: var(--mo2-blue) !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .chapter-release-date {
	color: #8d8997 !important;
	font-size: 12px !important;
	font-style: italic !important;
}

/* Volume header (neu co) */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main.volumns > li.parent {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap-list {
	background: transparent !important;
}

/* Nut Show more chapter */
body.single-wp-manga:not(.reading-manga) .listing-chapters_wrap .chapter-readmore {
	background: #17151c !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 10px 24px !important;
}

/* Gradient mo cuoi list khi thu gon: doi sang mau toi */
body.manga-page .listing-chapters_wrap.show-more .version-chap::after {
	background: linear-gradient(180deg, rgba(13, 12, 17, 0), var(--mo2-bg)) !important;
}

/* Related */
body.single-wp-manga:not(.reading-manga) .related-manga .widget-title a,
body.single-wp-manga:not(.reading-manga) .related-reading-content a {
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

body.single-wp-manga:not(.reading-manga) .related-reading-img img {
	border-radius: 10px !important;
}

body.single-wp-manga:not(.reading-manga) .related-manga .post-on,
body.single-wp-manga:not(.reading-manga) .related-manga .post-on span {
	color: #8d8997 !important;
	font-size: 11.5px !important;
}

/* Comment */
body.single-wp-manga:not(.reading-manga) #comments,
body.single-wp-manga:not(.reading-manga) .comments-area {
	background: transparent !important;
	color: #cfccd6 !important;
}

body.single-wp-manga:not(.reading-manga) .comments-area .comment-body,
body.single-wp-manga:not(.reading-manga) .comments-area .comment-respond {
	background: var(--mo2-panel) !important;
	border: 1px solid var(--mo2-line) !important;
	border-radius: 12px !important;
	color: #cfccd6 !important;
}

body.single-wp-manga:not(.reading-manga) .comments-area .comment-author a,
body.single-wp-manga:not(.reading-manga) .comments-area .comment-author .fn {
	color: var(--mo2-teal) !important;
	font-weight: 700 !important;
}

body.single-wp-manga:not(.reading-manga) .comments-area .comment-content,
body.single-wp-manga:not(.reading-manga) .comments-area .comment-content p {
	color: #e6e4ea !important;
}

body.single-wp-manga:not(.reading-manga) .comments-area .comment-metadata a,
body.single-wp-manga:not(.reading-manga) .comments-area .comment-metadata time {
	color: #8d8997 !important;
}

body.single-wp-manga:not(.reading-manga) .comments-area input[type="text"],
body.single-wp-manga:not(.reading-manga) .comments-area input[type="email"],
body.single-wp-manga:not(.reading-manga) .comments-area input[type="url"],
body.single-wp-manga:not(.reading-manga) .comments-area textarea {
	background: #100e15 !important;
	border: 1px solid var(--mo2-line) !important;
	border-radius: 8px !important;
	color: #fff !important;
}

body.single-wp-manga:not(.reading-manga) .comments-area input[type="submit"] {
	background: var(--mo2-blue) !important;
	border: 0 !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-weight: 700 !important;
	padding: 10px 26px !important;
}

/* Footer detail */
body.single-wp-manga:not(.reading-manga) .site-footer,
body.single-wp-manga:not(.reading-manga) .c-footer {
	background: #0a090d !important;
}

/* ============================================================
   MO2 — Chapter moi nhat + nhan NEW duoi tieu de moi card
   ============================================================ */
.mo2-card-meta {
	bottom: 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	left: 14px;
	position: absolute;
	right: 14px;
	z-index: 1;
}

.mo2-card-meta .mo2-card-title {
	bottom: auto;
	left: auto;
	max-width: 100%;
	position: static;
}

.mo2-card-sub {
	align-items: center;
	color: #b9b5c2;
	display: flex;
	font-size: 11.5px;
	font-weight: 600;
	gap: 6px;
	line-height: 1.2;
}

.mo2-card-sub,
.mo2-rated-sub {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mo2-new-pill {
	background: var(--mo2-red);
	border-radius: 4px;
	color: #fff;
	flex: 0 0 auto;
	font-size: 8.5px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	padding: 3px 5px;
}

.mo2-rated-sub {
	align-items: center;
	color: #9b97a5;
	display: flex;
	font-size: 11.5px;
	font-weight: 600;
	gap: 6px;
	padding: 0 10px 6px;
}

/* ============================================================
   MO2 — Hero slider (mau theme cu) tren nen toi, mo rong 1320px
   ============================================================ */
body.home .mhub-hero {
	background: #08070c;
	margin-bottom: 36px;
}

body.home .mhub-hero-inner {
	max-width: 1320px;
	padding-left: 24px;
	padding-right: 24px;
}

body.home .mhub-btn-primary {
	background: var(--mo2-blue);
}

body.home .mhub-hero-cover {
	border: 1px solid var(--mo2-line);
	border-radius: 12px;
}

body.home .mhub-dots button.is-active {
	background: var(--mo2-blue);
}

/* ============================================================
   MO2 — Hieu ung hover hang chapter + sidebar POPULAIRES
   ============================================================ */

/* Mo rong container trang detail de co cho sidebar */
body.single-wp-manga:not(.reading-manga) .profile-manga .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .container,
body.single-wp-manga:not(.reading-manga) .c-page-content .main-col,
body.single-wp-manga:not(.reading-manga) .main-col-inner,
body.single-wp-manga:not(.reading-manga) .c-page,
body.single-wp-manga:not(.reading-manga) .c-page__content {
	max-width: 1320px !important;
}

/* Hieu ung lua chon chapter: mac dinh thu nho nhe, hover no ra */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter {
	transform: scale(.99);
	transition: transform .3s ease-in-out, border-color .3s ease-in-out, background .3s ease-in-out !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter:hover {
	background: #1c1a23 !important;
	border-color: rgba(255, 255, 255, .3) !important;
	transform: scale(1);
}

/* Sidebar POPULAIRES */
body.single-wp-manga:not(.reading-manga) .sidebar-col {
	padding-top: 0;
}

.mo2-populaires {
	background: var(--mo2-panel);
	border: 1px solid var(--mo2-line);
	border-radius: 16px;
	padding: 20px;
}

.mo2-pop-heading {
	color: #fff !important;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .06em;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.mo2-pop-item {
	border-bottom: 1px solid var(--mo2-line);
	display: flex;
	gap: 12px;
	margin-bottom: 14px;
	padding-bottom: 14px;
}

.mo2-pop-item:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.mo2-pop-thumb {
	flex: 0 0 58px;
}

.mo2-pop-thumb img {
	border-radius: 8px;
	display: block;
	height: 78px;
	object-fit: cover;
	width: 58px;
}

.mo2-pop-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.mo2-pop-title {
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mo2-pop-title:hover {
	color: var(--mo2-blue) !important;
}

.mo2-pop-chap {
	align-items: center;
	display: flex;
	gap: 8px;
}

.mo2-pop-chap .mo2-chap-pill {
	background: #232029;
	border-radius: 6px;
	color: #cfccd6 !important;
	font-size: 10.5px;
	font-weight: 600;
	max-width: 55%;
	overflow: hidden;
	padding: 5px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mo2-pop-chap:hover .mo2-chap-pill {
	background: #2e2a37;
	color: #fff !important;
}

.mo2-pop-date {
	color: #8d8997;
	font-size: 10.5px;
	font-style: italic;
	margin-left: auto;
	white-space: nowrap;
}

@media (max-width: 991px) {
	body.single-wp-manga:not(.reading-manga) .sidebar-col {
		margin-top: 26px;
	}
}

/* ============================================================
   MO2 — Chinh list chapter dung mau: bo vach do, hang 8px,
   badge NEW gon + ngay van hien
   ============================================================ */

/* Hang chapter: thong so dung trang mau */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main > li,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter {
	background: #151519 !important;
	border: 1px solid #2e2e33 !important;
	border-radius: 8px !important;
	margin: 0 0 6px !important;
	min-height: 46px !important;
	padding: 0 16px !important;
}

/* Bo moi vach do / cham trang tri cua theme cha o sub-chap */
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li .vol-chap .list-chap li::before,
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap .sub-chap > li::before,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap > li::before,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap-list .wp-manga-chapter::before {
	background: none !important;
	content: none !important;
	display: none !important;
}

/* Sub-chap list khong thut le, khong vien trai */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap-list {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Badge NEW: pill do nho nam canh ngay, thay cho anh gif cua theme cha */
body.single-wp-manga:not(.reading-manga) .c-new-tag {
	display: none !important;
}

.mo2-new-flag {
	background: var(--mo2-red, #e84545);
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 8.5px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .05em;
	line-height: 1;
	margin-right: 8px;
	padding: 3px 6px;
	vertical-align: 1px;
}

/* Ngay: nghieng, xam, ben phai */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .chapter-release-date,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .chapter-release-date i {
	color: #8d8997 !important;
	font-size: 12px !important;
	font-style: italic !important;
}

/* ============================================================
   MO2 — Can le hang chapter: chu cach mep, ngay khong dinh bien
   ============================================================ */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap > ul.main > li,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter {
	align-items: center !important;
	display: flex !important;
	gap: 10px !important;
	padding: 0 20px !important;
}

/* Ngay + badge NEW: bo absolute cua theme cha, ve lai trong flex */
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li .chapter-release-date,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .chapter-release-date {
	align-items: center !important;
	display: inline-flex !important;
	gap: 8px !important;
	margin-left: auto !important;
	position: static !important;
	top: auto !important;
	right: auto !important;
	transform: none !important;
	white-space: nowrap !important;
}

body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .chapter-release-date .mo2-new-flag {
	margin-right: 0;
}

/* Link chapter: khong gach chan khi hover */
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter a,
body.single-wp-manga:not(.reading-manga) .page-content-listing.single-page .listing-chapters_wrap .wp-manga-chapter a:hover {
	text-decoration: none !important;
}

/* ============================================================
   MO2 — Trang list manga toi mau (archive + genre)
   ============================================================ */
body.post-type-archive-wp-manga,
body.tax-wp-manga-genre,
body.post-type-archive-wp-manga .site-content,
body.tax-wp-manga-genre .site-content,
body.post-type-archive-wp-manga .mhub-manga-archive,
body.tax-wp-manga-genre .mhub-manga-archive,
body.post-type-archive-wp-manga .c-page-content,
body.tax-wp-manga-genre .c-page-content {
	background: var(--mo2-bg) !important;
	color: var(--mo2-ink);
}

body.post-type-archive-wp-manga .breadcrumb li,
body.post-type-archive-wp-manga .breadcrumb li a,
body.tax-wp-manga-genre .breadcrumb li,
body.tax-wp-manga-genre .breadcrumb li a {
	color: #8d8997 !important;
}

/* Thanh "Afficher les categories" */
.mo2-cats {
	margin: 6px 0 40px;
}

.mo2-cats-toggle {
	background: var(--mo2-panel);
	border: 1px solid var(--mo2-line);
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 13.5px;
	font-weight: 600;
	padding: 14px;
	text-align: center;
	transition: background .2s ease;
	width: 100%;
}

.mo2-cats-toggle:hover,
.mo2-cats-toggle.is-open {
	background: #211e29;
}

.mo2-cats-panel {
	background: var(--mo2-panel);
	border: 1px solid var(--mo2-line);
	border-radius: 10px;
	display: grid;
	gap: 8px 18px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-top: 10px;
	padding: 18px;
}

.mo2-cats-panel a {
	color: #cfccd6 !important;
	font-size: 12.5px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mo2-cats-panel a:hover {
	color: var(--mo2-blue) !important;
}

.mo2-cats-panel a small {
	color: #8d8997;
	font-size: 10.5px;
}

/* Tieu de + thanh ket qua/sap xep */
body.post-type-archive-wp-manga .mo2-archive-head,
body.tax-wp-manga-genre .mo2-archive-head {
	background: transparent !important;
	margin: 0 0 26px !important;
	padding: 0 !important;
}

.mo2-archive-title {
	color: #fff !important;
	font-size: 44px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	margin: 0 0 22px !important;
}

.mo2-archive-bar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: space-between;
}

.mo2-archive-count {
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .04em;
}

.mo2-archive-sort {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mo2-archive-sort small {
	color: #8d8997;
	font-size: 12px;
	margin-right: 4px;
}

.mo2-archive-sort a {
	background: var(--mo2-panel);
	border: 1px solid var(--mo2-line);
	border-radius: 999px;
	color: #cfccd6 !important;
	font-size: 12px;
	font-weight: 600;
	padding: 8px 16px;
	transition: background .2s ease, color .2s ease;
}

.mo2-archive-sort a:hover,
.mo2-archive-sort a.is-active {
	background: #2a2733;
	color: #fff !important;
}

/* Luoi card */
body.post-type-archive-wp-manga .mo2-archive-grid,
body.tax-wp-manga-genre .mo2-archive-grid {
	display: grid !important;
	gap: 16px !important;
	grid-template-columns: repeat(8, 1fr) !important;
	margin: 0 !important;
}

.mo2-archive-card .mo2-release-thumb img {
	aspect-ratio: 2 / 2.9;
}

.mo2-archive-stars {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 12px;
	gap: 7px;
	padding: 0 10px 6px;
}

.mo2-archive-stars .mo2-stars-on {
	color: var(--mo2-blue);
	letter-spacing: 1px;
}

/* Phan trang so: doi sang toi */
body.post-type-archive-wp-manga .mhub-pagination .page-numbers a,
body.post-type-archive-wp-manga .mhub-pagination .page-numbers span,
body.tax-wp-manga-genre .mhub-pagination .page-numbers a,
body.tax-wp-manga-genre .mhub-pagination .page-numbers span {
	background: var(--mo2-panel);
	border-color: var(--mo2-line);
	color: #cfccd6;
}

body.post-type-archive-wp-manga .mhub-pagination .page-numbers span.current,
body.tax-wp-manga-genre .mhub-pagination .page-numbers span.current {
	background: var(--mo2-blue);
	border-color: var(--mo2-blue);
	color: #fff;
}

body.post-type-archive-wp-manga .mhub-pagination .page-numbers a:hover,
body.tax-wp-manga-genre .mhub-pagination .page-numbers a:hover {
	border-color: rgba(255, 255, 255, .35);
	color: #fff;
}

/* Responsive */
@media (max-width: 1160px) {
	body.post-type-archive-wp-manga .mo2-archive-grid,
	body.tax-wp-manga-genre .mo2-archive-grid {
		grid-template-columns: repeat(5, 1fr) !important;
	}

	.mo2-cats-panel {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	body.post-type-archive-wp-manga .mo2-archive-grid,
	body.tax-wp-manga-genre .mo2-archive-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.mo2-archive-title {
		font-size: 32px !important;
	}

	.mo2-cats-panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	body.post-type-archive-wp-manga .mo2-archive-grid,
	body.tax-wp-manga-genre .mo2-archive-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* ============================================================
   MO2 — Archive: tat dai breadcrumb trang + noi full chieu rong
   ============================================================ */

/* Dai breadcrumb: bo background (ke ca inline style tu Theme Options) */
body.post-type-archive-wp-manga .c-breadcrumb-wrapper,
body.tax-wp-manga-genre .c-breadcrumb-wrapper,
body.single-wp-manga:not(.reading-manga) .c-breadcrumb-wrapper {
	background: transparent !important;
	background-image: none !important;
	margin: 0 !important;
	padding: 14px 0 0 !important;
}

body.post-type-archive-wp-manga .c-breadcrumb-wrapper *,
body.tax-wp-manga-genre .c-breadcrumb-wrapper * {
	background: transparent !important;
}

body.post-type-archive-wp-manga .c-breadcrumb .breadcrumb li,
body.post-type-archive-wp-manga .c-breadcrumb .breadcrumb li a,
body.tax-wp-manga-genre .c-breadcrumb .breadcrumb li,
body.tax-wp-manga-genre .c-breadcrumb .breadcrumb li a {
	color: #8d8997 !important;
	font-size: 12px !important;
}

body.post-type-archive-wp-manga .c-breadcrumb .breadcrumb li a:hover,
body.tax-wp-manga-genre .c-breadcrumb .breadcrumb li a:hover {
	color: #fff !important;
}

/* Noi container archive rong nhu trang mau */
body.post-type-archive-wp-manga .mhub-manga-archive .container,
body.tax-wp-manga-genre .mhub-manga-archive .container,
body.post-type-archive-wp-manga .c-breadcrumb-wrapper .container,
body.tax-wp-manga-genre .c-breadcrumb-wrapper .container {
	max-width: 1320px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	width: 100% !important;
}

body.post-type-archive-wp-manga .mhub-manga-archive,
body.tax-wp-manga-genre .mhub-manga-archive {
	padding: 18px 0 70px !important;
}

/* Header dong bo mau nen toi tren moi trang */
body .site-header,
body .site-header .c-header__top,
body .site-header .main-navigation,
body .site-header .main-navigation.style-1 {
	background: var(--mo2-bg) !important;
}

/* ============================================================
   MO2 — Header mobile: an main menu, sap xep search + hamburger
   ============================================================ */
@media (max-width: 900px) {
	/* An menu chinh (rule cu ep display:flex !important nen phai de lai) */
	body .site-header .main-menu {
		display: none !important;
	}

	/* Search day ve ben phai, hamburger nam ngoai cung */
	body .site-header .search-navigation,
	body .site-header .main-menu-search {
		margin-left: auto !important;
	}

	body .site-header .c-togle__menu,
	body .site-header .main-navigation_wrap > .c-togle__menu {
		display: flex !important;
		flex: 0 0 auto !important;
		margin-left: 14px !important;
	}

	body .site-header .menu_icon__open {
		display: inline-flex !important;
	}

	/* Logo gon lai, hang header thoang */
	body .site-header .wrap_branding {
		margin-right: 12px !important;
	}

	body .site-header .main-navigation_wrap {
		align-items: center !important;
		display: flex !important;
		min-height: 60px !important;
	}
}

/* ============================================================
   MO2 — Mobile detail: header gon, badge tren - ten duoi,
   cover cach le va to hon
   ============================================================ */
@media (max-width: 900px) {
	/* 1. An triet de main menu tren mobile (de ca rule body:not(.home)) */
	body.home .site-header .main-menu,
	body:not(.home) .site-header .main-menu,
	body.home .site-header .main-menu .main-navbar,
	body:not(.home) .site-header .main-menu .main-navbar,
	body:not(.home) .site-header .main-menu .main-navbar > li,
	body:not(.home) .site-header .main-menu .main-navbar > li:nth-child(-n+4) {
		display: none !important;
	}

	/* Search + hamburger thang hang ben phai */
	body.home .site-header .search-navigation,
	body:not(.home) .site-header .search-navigation,
	body.home .site-header .main-menu-search,
	body:not(.home) .site-header .main-menu-search {
		align-items: center !important;
		display: flex !important;
		flex: 0 0 auto !important;
		margin-left: auto !important;
	}

	body.home .site-header .c-togle__menu,
	body:not(.home) .site-header .c-togle__menu {
		align-items: center !important;
		display: flex !important;
		flex: 0 0 auto !important;
		margin-left: 14px !important;
		position: static !important;
	}

	body.home .site-header .main-navigation_wrap,
	body:not(.home) .site-header .main-navigation_wrap {
		align-items: center !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		min-height: 60px !important;
	}

	/* 2. Badge PREMIUM/18+ len tren, ten truyen xuong duoi */
	body.single-wp-manga:not(.reading-manga) .post-title {
		display: block !important;
		text-align: left !important;
	}

	body.single-wp-manga:not(.reading-manga) .post-title .manga-title-badges {
		display: inline-block !important;
		margin: 0 8px 10px 0 !important;
		position: static !important;
	}

	body.single-wp-manga:not(.reading-manga) .post-title h1 {
		display: block !important;
		font-size: 24px !important;
		margin: 0 !important;
	}

	/* 3. Cover: cach le tren + to hon ~30% */
	body.single-wp-manga:not(.reading-manga) .tab-summary {
		padding-top: 30px !important;
	}

	body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image {
		display: block !important;
		height: auto !important;
		margin: 0 auto 18px !important;
		padding: 0 !important;
		text-align: center !important;
	}

	body.single-wp-manga:not(.reading-manga) .tab-summary .summary_image img {
		height: auto !important;
		margin: 0 auto !important;
		max-height: none !important;
		width: min(68vw, 340px) !important;
	}
}

/* ============================================================
   MO2 — Slider shelf dang cover doc, 6 truyen/khung
   ============================================================ */
.mo2-slider[data-visible="6"] .mo2-slider-track .mo2-card {
	flex-basis: calc((100% - 90px) / 6);
}

@media (max-width: 1160px) {
	.mo2-slider[data-visible="6"] .mo2-slider-track .mo2-card {
		flex-basis: calc((100% - 54px) / 4);
	}
}

@media (max-width: 900px) {
	.mo2-slider[data-visible="6"] .mo2-slider-track .mo2-card {
		flex-basis: calc((100% - 36px) / 3);
	}
}

@media (max-width: 560px) {
	.mo2-slider[data-visible="6"] .mo2-slider-track .mo2-card {
		flex-basis: calc((100% - 18px) / 2);
	}
}