/*
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;
}

/* Cho phep o tim kiem hien ra khi bam icon (toggle .active) o moi trang. */
.site-header .c-header__top {
	position: relative;
}

.site-header .c-header__top > .search-main-menu.active.active {
	display: block !important;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	height: auto !important;
	margin: 0;
	padding: 22px 24px;
	opacity: 1 !important;
	visibility: visible !important;
	background: var(--mhub-dark);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
	z-index: 60;
	text-align: center;
}

.site-header .c-header__top > .search-main-menu.active.active li {
	position: static;
	transform: none;
	-webkit-transform: none;
}

.site-header .c-header__top > .search-main-menu.active.active form {
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: auto;
	position: relative;
	display: block;
}

.site-header .c-header__top > .search-main-menu.active.active form input[type="text"] {
	width: 100%;
	height: 52px;
	margin: 0;
	padding: 0 132px 0 22px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 12px;
	color: var(--mhub-ink);
	font-family: Inter, "Segoe UI", Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.site-header .c-header__top > .search-main-menu.active.active form input[type="text"]:hover,
.site-header .c-header__top > .search-main-menu.active.active form input[type="text"]:focus {
	background: #fff;
	border-color: var(--mhub-primary);
	box-shadow: 0 0 0 3px rgba(255, 54, 95, 0.22);
	outline: none;
}

.site-header .c-header__top > .search-main-menu.active.active form ::-webkit-input-placeholder {
	color: var(--mhub-muted);
}
.site-header .c-header__top > .search-main-menu.active.active form ::placeholder {
	color: var(--mhub-muted);
}

.site-header .c-header__top > .search-main-menu.active.active form input[type="submit"] {
	position: absolute;
	top: 6px;
	right: 6px;
	bottom: 6px;
	height: auto;
	padding: 0 26px;
	background: var(--mhub-primary);
	border: none;
	border-radius: 9px;
	color: #fff;
	font-family: Inter, "Segoe UI", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: background 160ms ease, transform 160ms ease;
}

.site-header .c-header__top > .search-main-menu.active.active form input[type="submit"]:hover {
	background: #e62a52;
	transform: translateY(-1px);
}

.site-header .c-header__top > .search-main-menu.active.active .loader-inner {
	display: none;
}

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;
	}
}

/* ===== Trang ket qua tim kiem: hien card luoi giong catalog ===== */
body.search .search-wrap .tab-content-wrap .c-tabs-item {
	display: grid !important;
	gap: 16px !important;
	grid-template-columns: repeat(8, 1fr) !important;
	margin: 0 !important;
}

body.search .search-wrap .tab-wrap {
	margin-bottom: 18px;
}

body.search .search-wrap .c-blog__heading h4 {
	color: var(--mhub-ink);
	font-weight: 800;
}

body.search .search-wrap .c-tabs-item__content {
	display: block;
}

@media (max-width: 1160px) {
	body.search .search-wrap .tab-content-wrap .c-tabs-item {
		grid-template-columns: repeat(5, 1fr) !important;
	}
}

@media (max-width: 900px) {
	body.search .search-wrap .tab-content-wrap .c-tabs-item {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 560px) {
	body.search .search-wrap .tab-content-wrap .c-tabs-item {
		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);
	}
}

/* ===== Vi tri quang cao (before/after content) — canh giua, co khoang cach ===== */
.mo2-ads,
.c-ads.mo2-ads {
	clear: both;
	display: block;
	margin: 18px auto 22px;
	max-width: 100%;
	text-align: center;
}

.mo2-ads:empty {
	display: none;
	margin: 0;
}

.mo2-ads img {
	height: auto;
	max-width: 100%;
}

/* ===== Reader webtoon: cac anh chapter lien mach, bo khoang trong ===== */
.reading-content .page-break,
.reading-content .page-break p {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

.reading-content .wp-manga-chapter-img,
.reading-content .page-break img {
	display: block !important;
	margin: 0 auto !important;
	padding: 0 !important;
	vertical-align: top !important;
}

/* ============================================================
   HERO trang chu — bo cuc kieu slide header (mo2-hero-rs)
   ============================================================ */
.mo2-hero-rs .mo2-hero-inner {
	align-items: center;
	display: grid;
	gap: 56px;
	grid-template-columns: minmax(0, 1fr) 230px;
	margin: 0 auto;
	max-width: 1180px;
	min-height: 460px;
	padding: 48px 24px;
	position: relative;
	z-index: 1;
}

.mo2-hero-rs .mo2-hero-copy {
	min-width: 0;
}

/* --- Hang badge --- */
.mo2-hero-rs .mo2-hero-badges {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}

.mo2-hero-rs .mo2-hb {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .06em;
	line-height: 1;
	padding: 7px 13px;
	text-transform: uppercase;
	white-space: nowrap;
}

.mo2-hero-rs .mo2-hb-type {
	background: #7a3ff2;
	color: #fff;
}

.mo2-hero-rs .mo2-hb-status {
	background: rgba(16, 185, 129, .14);
	color: #34d399;
	gap: 7px;
}

.mo2-hero-rs .mo2-hb-status i {
	background: currentColor;
	border-radius: 50%;
	display: inline-block;
	height: 6px;
	width: 6px;
}

.mo2-hero-rs .mo2-hb-status.is-end {
	background: rgba(47, 128, 255, .16);
	color: #6ea8ff;
}

.mo2-hero-rs .mo2-hb-status.is-off {
	background: rgba(255, 255, 255, .08);
	color: #b9b4c4;
}

.mo2-hero-rs .mo2-hb-status.is-soon {
	background: rgba(255, 138, 0, .16);
	color: #ffab4d;
}

.mo2-hero-rs .mo2-hb-chap {
	background: rgba(255, 255, 255, .07);
	color: #c9c5d3;
}

/* --- Tieu de + mo ta --- */
.mo2-hero-rs .mo2-hero-title {
	color: #fff;
	font-size: 46px;
	font-weight: 900;
	letter-spacing: -.02em;
	line-height: 1.08;
	margin: 0 0 18px;
	max-width: 640px;
}

.mo2-hero-rs .mo2-hero-desc {
	color: #a29eb0;
	font-size: 15px;
	line-height: 1.75;
	margin: 0 0 20px;
	max-width: 610px;
}

/* --- Chip the loai --- */
.mo2-hero-rs .mo2-hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 28px;
}

.mo2-hero-rs .mo2-hero-tags span {
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 7px;
	color: #d3cfdc;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	padding: 8px 12px;
}

/* --- Nut --- */
.mo2-hero-rs .mo2-hero-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.mo2-hero-rs .mo2-hero-btn {
	align-items: center;
	background: #2f80ff;
	border-radius: 11px;
	color: #fff !important;
	display: inline-flex;
	font-size: 15px;
	font-weight: 700;
	gap: 10px;
	line-height: 1;
	padding: 15px 26px;
	transition: background 160ms ease, transform 160ms ease;
}

.mo2-hero-rs .mo2-hero-btn svg {
	fill: currentColor;
	height: 17px;
	width: 17px;
}

.mo2-hero-rs .mo2-hero-btn:hover {
	background: #1b6ef0;
	transform: translateY(-1px);
}

.mo2-hero-rs .mo2-hero-btn2 {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 11px;
	color: #e8e6ee !important;
	display: inline-flex;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	padding: 15px 22px;
	transition: background 160ms ease, border-color 160ms ease;
}

.mo2-hero-rs .mo2-hero-btn2:hover {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .34);
}

/* --- Anh bia --- */
.mo2-hero-rs .mo2-hero-cover {
	aspect-ratio: 193 / 278;
	border-radius: 14px;
	box-shadow: 0 26px 60px rgba(0, 0, 0, .55);
	display: block;
	overflow: hidden;
	width: 230px;
}

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

/* --- Dots + so dem --- */
.mo2-hero-rs .mo2-hero-nav {
	align-items: center;
	bottom: 26px;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	left: 50%;
	max-width: 1180px;
	padding: 0 24px;
	position: absolute;
	transform: translateX(-50%);
	width: 100%;
	z-index: 3;
}

.mo2-hero-rs .mhub-dots {
	align-items: center;
	bottom: auto;
	display: flex;
	gap: 8px;
	left: auto;
	margin: 0 auto;
	position: static;
	transform: none;
}

/* Accessibility — vung cham toi thieu 24x24 (PageSpeed: "Touch targets do not
   have sufficient size or spacing"). Truoc day nut chi 7x7px.
   Ky thuat: nut trong suot du 24px de bam, con CHAM nho ve ve bang ::before
   nen nhin khong doi. */
.mo2-hero-rs .mhub-dots button {
	background: transparent;
	border: none;
	border-radius: 999px;
	cursor: pointer;
	height: 24px;
	min-width: 24px;
	padding: 0;
	position: relative;
	width: 24px;
}

.mo2-hero-rs .mhub-dots button::before {
	background: rgba(255, 255, 255, .26);
	border-radius: 999px;
	content: "";
	height: 7px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: width 200ms ease, background 200ms ease;
	width: 7px;
}

.mo2-hero-rs .mhub-dots button.is-active {
	width: 44px;
}

.mo2-hero-rs .mhub-dots button.is-active::before {
	background: #2f80ff;
	width: 30px;
}

.mo2-hero-rs .mo2-hero-count {
	color: #8f8b9c;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .04em;
	white-space: nowrap;
}

.mo2-hero-rs .mo2-hero-count strong {
	color: #fff;
	font-size: 16px;
	font-weight: 900;
}

@media (max-width: 900px) {

	/* Slide dang xep chong tuyet doi (inset:0) nen section khong cao theo noi dung
	   -> tren mobile cho slide active chay theo luong de hero tu gian. */
	.mo2-hero-rs {
		min-height: 0 !important;
	}

	/* ===== LCP: BO anh nen hero tren mobile =====
	   Anh nay gan bang CSS background (var(--hero-image)), ma bo quet preload
	   cua trinh duyet CHI doc duoc the <img> - khong thay anh nen trong CSS.
	   Hau qua: no chi bat dau tai sau khi CSS phan tich xong, cong them 500KB
	   CSS chan render phia truoc => day LCP len 7,5s. Anh lai dang o size
	   'large' (~1024px) cho man ~390px.
	   Lop nay von chi opacity .34 + blur va bi gradient phu len, nen bo di
	   gan nhu khong khac ve thi giac. Tren PC (>900px) van giu nguyen.
	   Dat background-image:none => trinh duyet KHONG tai anh nay tren mobile. */
	.mo2-hero-rs .mhub-hero-slide::before {
		background-image: none !important;
	}

	/* Gradient doc thay cho gradient ngang (gradient ngang thiet ke cho bo cuc
	   PC co chu ben trai; mobile can giua nen doc hop hon) */
	.mo2-hero-rs .mhub-hero-slide::after {
		background: linear-gradient(180deg, rgba(10, 9, 14, .30) 0%, rgba(10, 9, 14, .72) 55%, rgba(10, 9, 14, .94) 100%) !important;
	}

	.mo2-hero-rs .mhub-hero-slide {
		display: none !important;
		inset: auto !important;
		opacity: 1 !important;
		position: relative !important;
		transition: none !important;
		visibility: visible !important;
	}

	.mo2-hero-rs .mhub-hero-slide.is-active {
		display: block !important;
	}

	/* Mot cot, anh bia len tren, moi thu can giua */
	.mo2-hero-rs .mo2-hero-inner {
		max-width: 100% !important;
		width: 100% !important;
		display: flex !important;
		flex-direction: column;
		align-items: center;
		gap: 18px;
		min-height: 0;
		padding: 26px 18px 22px;
		text-align: center;
	}

	/* Hien anh bia tren mobile (truoc day bi an) */
	.mo2-hero-rs .mo2-hero-cover {
		display: block !important;
		margin: 0 auto;
		order: -1;
		width: 186px;
	}

	.mo2-hero-rs .mo2-hero-copy {
		order: 0;
		width: 100%;
	}

	/* Bo mo ta tren mobile cho gon */
	.mo2-hero-rs .mo2-hero-desc {
		display: none !important;
	}

	.mo2-hero-rs .mo2-hero-badges {
		justify-content: center;
		margin-bottom: 12px;
	}

	/* Mobile: bo ten truyen + the loai cho gon, chi giu badge + anh bia + nut */
	.mo2-hero-rs .mo2-hero-title,
	.mo2-hero-rs .mo2-hero-tags {
		display: none !important;
	}

	.mo2-hero-rs .mo2-hero-actions {
		justify-content: center;
	}

	.mo2-hero-rs .mo2-hero-btn,
	.mo2-hero-rs .mo2-hero-btn2 {
		font-size: 14px;
		padding: 13px 20px;
	}

	/* Dots + so dem: dua ve trong luong, khong con de len nut */
	.mo2-hero-rs .mo2-hero-nav {
		align-items: center;
		bottom: auto;
		gap: 14px;
		justify-content: center;
		left: auto;
		margin: 4px auto 0;
		padding: 0 18px 22px;
		position: static;
		transform: none;
		width: 100%;
	}
}

/* ============================================================
   TRANG CHI TIET TRUYEN — header cover + thong tin (mo2-hd)
   ============================================================ */

/* Tieu de goc cua theme cha nam tren tab-summary -> an di, ta render lai trong mo2-hd */
body.single-wp-manga:not(.reading-manga) .profile-manga .post-title {
	display: none !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga {
	background-color: #0d0c11 !important;
	background-position: center !important;
	background-size: cover !important;
	position: relative;
}

/* Lop phu: lam mo + toi anh bia phia sau cho de doc chu */
body.single-wp-manga:not(.reading-manga) .profile-manga::before {
	-webkit-backdrop-filter: blur(26px) saturate(115%);
	backdrop-filter: blur(26px) saturate(115%);
	background: linear-gradient(90deg, rgba(10, 9, 13, .93) 0%, rgba(10, 9, 13, .8) 42%, rgba(10, 9, 13, .58) 100%);
	content: "";
	inset: 0;
	position: absolute;
	z-index: 0;
}

/* Lop toi them o day de chu luon ro */
body.single-wp-manga:not(.reading-manga) .profile-manga::after {
	background: linear-gradient(180deg, rgba(10, 9, 13, .35) 0%, rgba(10, 9, 13, 0) 30%, rgba(10, 9, 13, .55) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

body.single-wp-manga:not(.reading-manga) .profile-manga .container {
	position: relative;
	z-index: 1;
}

/* Theme cha dat .tab-summary la grid 2 cot (anh + noi dung). Ta render 1 khoi
   .mo2-hd duy nhat nen phai ep ve block, neu khong khoi bi nhet vao cot hep. */
body.single-wp-manga:not(.reading-manga) .profile-manga .tab-summary {
	display: block !important;
	grid-template-columns: none !important;
	gap: 0 !important;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

body.single-wp-manga:not(.reading-manga) .profile-manga .tab-summary > .mo2-hd {
	grid-column: 1 / -1;
	width: 100%;
}

.mo2-hd {
	align-items: center;
	display: grid;
	gap: 52px;
	grid-template-columns: 290px minmax(0, 1fr);
	padding: 54px 40px 60px;
}

/* --- Cover --- */
.mo2-hd-cover {
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
	overflow: hidden;
	position: relative;
	width: 290px;
}

.mo2-hd-cover a,
.mo2-hd-cover img {
	display: block;
	width: 100%;
}

.mo2-hd-cover img {
	aspect-ratio: 193 / 278;
	height: auto !important;
	object-fit: cover;
}

/* --- Cot thong tin --- */
.mo2-hd-info {
	min-width: 0;
	padding-top: 6px;
}

.mo2-hd-badges {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-bottom: 16px;
}

.mo2-hd-type,
.mo2-hd-status {
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 8px 15px;
}

.mo2-hd-type {
	background: rgba(255, 255, 255, .1);
	color: #e6e3ee;
}

.mo2-hd-status {
	background: #2fbf6a;
	color: #08210f;
}

.mo2-hd-status.is-end {
	background: #2f80ff;
	color: #fff;
}

.mo2-hd-status.is-off {
	background: rgba(255, 255, 255, .16);
	color: #ddd9e6;
}

.mo2-hd-status.is-soon {
	background: #ff9f2e;
	color: #2a1600;
}

.mo2-hd-title {
	color: #fff !important;
	font-size: 52px;
	font-weight: 900;
	letter-spacing: -.02em;
	line-height: 1.06;
	margin: 0 0 20px !important;
}

/* --- Chip (alt / tac gia / hoa si) --- */
.mo2-hd-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 12px;
}

.mo2-hd-chip {
	align-items: center;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 10px;
	color: #cfcbd9;
	display: inline-flex;
	font-size: 13.5px;
	gap: 9px;
	line-height: 1;
	padding: 12px 16px;
}

.mo2-hd-chip i {
	color: #8d879b;
	font-size: 13px;
}

.mo2-hd-chip .mo2-hd-chip-label {
	color: #918c9f;
}

.mo2-hd-chip strong {
	color: #fff;
	font-weight: 700;
}

.mo2-hd-chip em {
	color: #dedae8;
	font-style: italic;
}

/* --- The loai --- */
.mo2-hd-genres {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}

.mo2-hd-genres a {
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 8px;
	color: #e2dfea !important;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1;
	padding: 9px 13px;
	transition: background 160ms ease;
}

.mo2-hd-genres a:hover {
	background: rgba(255, 255, 255, .14);
}

/* --- Danh gia --- */
.mo2-hd-rating {
	display: block;
	margin-bottom: 22px;
}

/* Chi giu khoi diem tong, an widget "Your Rating" cho gon giong mau */
.mo2-hd-rating .user-rating {
	display: none !important;
}

.mo2-hd-rating .post-total-rating {
	align-items: center;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 10px;
	display: inline-flex;
	gap: 4px;
	margin: 0;
	padding: 11px 17px;
	white-space: nowrap;
}

.mo2-hd-rating .post-total-rating .ratings_stars,
.mo2-hd-rating .post-total-rating i {
	color: #ffb400 !important;
	font-size: 17px;
	line-height: 1;
}

.mo2-hd-rating .post-total-rating .score {
	border-left: 1px solid rgba(255, 255, 255, .16);
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	margin-left: 9px;
	padding-left: 12px;
}

/* --- Nut hanh dong --- */
.mo2-hd-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.mo2-hd-btn {
	align-items: center;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
	color: #fff !important;
	display: inline-flex;
	font-size: 15px;
	font-weight: 700;
	gap: 11px;
	line-height: 1;
	padding: 17px 28px;
	transition: background 160ms ease, transform 160ms ease;
}

.mo2-hd-btn svg {
	fill: currentColor;
	height: 19px;
	width: 19px;
}

.mo2-hd-btn:hover {
	background: rgba(255, 255, 255, .17);
	transform: translateY(-1px);
}

/* Nut Favoris — plugin xuat 2 khoi roi (.action_icon + .action_detail),
   gop lai thanh MOT pill duy nhat, ca pill deu bam duoc. */
.mo2-hd-fav {
	align-items: center;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
	color: #fff;
	display: inline-flex;
	gap: 10px;
	line-height: 1;
	padding: 17px 26px;
	position: relative;
	transition: background 160ms ease;
}

.mo2-hd-fav:hover {
	background: rgba(255, 255, 255, .15);
}

/* Go bo moi khung/nen/padding cua cac khoi con */
.mo2-hd-fav .action_icon,
.mo2-hd-fav .action_detail,
.mo2-hd-fav .wp-manga-action-button {
	align-items: center;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: inline-flex !important;
	height: auto !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

.mo2-hd-fav .wp-manga-action-button i,
.mo2-hd-fav .action_icon i {
	color: #fff !important;
	font-size: 17px;
	line-height: 1;
}

.mo2-hd-fav .action_detail,
.mo2-hd-fav .action_detail span {
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	white-space: nowrap;
}

/* Cho toan bo pill bam duoc (stretched link) */
.mo2-hd-fav .wp-manga-action-button::after {
	content: "";
	inset: 0;
	position: absolute;
	z-index: 2;
}

@media (max-width: 900px) {
	.mo2-hd {
		gap: 26px;
		grid-template-columns: 1fr;
		justify-items: center;
		padding: 26px 0 34px;
		text-align: center;
	}

	.mo2-hd-cover {
		max-width: 210px;
		width: 100%;
	}

	.mo2-hd-title {
		font-size: 30px;
	}

	.mo2-hd-badges,
	.mo2-hd-chips,
	.mo2-hd-genres,
	.mo2-hd-actions {
		justify-content: center;
	}
}

/* --- Card Synopsis duoi header trang chi tiet --- */
.mo2-synopsis {
	background: #17161c;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 16px;
	margin: 34px 0 30px;
	padding: 30px 34px 34px;
}

.mo2-synopsis .c-blog__heading {
	background: none !important;
	border: 0 !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
}

.mo2-synopsis .c-blog__heading h2 {
	align-items: center;
	color: #fff !important;
	display: flex;
	font-size: 27px !important;
	font-weight: 800 !important;
	gap: 14px;
	margin: 0 !important;
	position: relative;
	padding-left: 16px;
}

/* Thanh nhan mau ben trai tieu de */
.mo2-synopsis .c-blog__heading h2::before {
	background: #2f80ff;
	border-radius: 3px;
	content: "";
	height: 30px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
}

.mo2-synopsis .c-blog__heading h2 i {
	display: none;
}

.mo2-synopsis .description-summary,
.mo2-synopsis .summary__content {
	color: #b6b2c2;
	font-size: 15px;
	line-height: 1.8;
}

.mo2-synopsis .summary__content p {
	margin: 0 0 14px;
}

.mo2-synopsis .c-content-readmore {
	margin-top: 10px;
}

.mo2-synopsis .content-readmore {
	color: #2f80ff !important;
	font-weight: 700;
	padding: 0;
}

@media (max-width: 900px) {
	.mo2-synopsis {
		padding: 22px 20px 26px;
	}

	.mo2-synopsis .c-blog__heading h2 {
		font-size: 22px !important;
	}
}

/* ============================================================
   MOBILE HEADER — gom gon, tranh logo/search/hamburger de len nhau
   Nguyen nhan: wrap_branding co min-width 160–210px + margin-right 54–56px,
   cong logo cao 48px va nut search 44px => tong vuot chieu rong may dien thoai.
   ============================================================ */
@media (max-width: 767px) {

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

	.site-header .main-navigation_wrap,
	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;
		gap: 0 !important;
		height: 60px !important;
		justify-content: flex-start !important;
		min-height: 60px !important;
		width: 100% !important;
	}

	/* Logo: bo min-width/margin cung, thu nho lai */
	/* KHONG cho co lai/cat bot, neu khong anh logo (155px) se tran ra ngoai
	   container bi bop (96px) va de len nut search. */
	/* width:max-content de khung om DUNG be rong anh logo. Neu khong, flex chi
	   dat cho 96px trong khi anh ve ra 155px -> tinh sai va de len nut search. */
	body.home .site-header .wrap_branding,
	body:not(.home) .site-header .wrap_branding,
	.site-header .wrap_branding {
		flex: 0 1 auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: visible !important;
		width: -webkit-max-content !important;
		width: max-content !important;
	}

	/* Logo giu nguyen co nhu ban cu.
	   Phai cho tag .logo tu om lay anh, neu khong khung chi rong 96px trong khi
	   anh rong 155px -> anh tran ra ngoai va de len nut search o man hep. */
	body.home .site-header .wrap_branding .logo,
	body:not(.home) .site-header .wrap_branding .logo,
	.site-header .wrap_branding .logo {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		width: -webkit-max-content !important;
		width: max-content !important;
	}

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

	/* Bo cuc chuan: [logo] ---------- [search][menu]
	   Thuong hieu ben trai, nhom hanh dong gom lai ben phai. */
	body.home .site-header .wrap_branding,
	body:not(.home) .site-header .wrap_branding,
	.site-header .wrap_branding {
		margin-right: auto !important;
		order: 0 !important;
	}

	/* Theme cha dat khoi search position:absolute -> phai ep ve static,
	   neu khong no nam ngoai dong flex va de len nut menu. */
	.site-header .search-navigation,
	body.home .site-header .search-navigation,
	body:not(.home) .site-header .search-navigation {
		bottom: auto !important;
		left: auto !important;
		margin-left: 0 !important;
		order: 1 !important;
		position: static !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
	}

	/* Theme cha dat nut nay position:absolute -> phai ep ve static,
	   neu khong order/margin vo tac dung va no de len nut search. */
	.site-header .c-togle__menu {
		bottom: auto !important;
		left: auto !important;
		margin-left: 10px !important;
		margin-right: 0 !important;
		order: 2 !important;
		position: static !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
	}

	body:not(.home) .site-header .wrap_branding .logo::before {
		font-size: 17px !important;
		line-height: 60px !important;
	}

	/* Nhom icon ben phai */
	.site-header .search-navigation,
	body.home .site-header .search-navigation,
	body:not(.home) .site-header .search-navigation {
		flex: 0 0 auto !important;
		margin-left: auto !important;
	}

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

	/* Nut search nho lai */
	.site-header .main-menu-search .menu-search > a,
	body.home .site-header .main-menu-search .menu-search > a,
	body:not(.home) .site-header .main-menu-search .menu-search > a {
		align-items: center !important;
		border-radius: 50% !important;
		display: inline-flex !important;
		height: 36px !important;
		justify-content: center !important;
		width: 36px !important;
	}

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

	/* An pill "Sign in / Register" tren mobile (chiem nhieu chieu ngang) */
	body:not(.home) .site-header .main-menu-search::after,
	body.home .site-header .main-menu-search::after {
		content: none !important;
		display: none !important;
	}

	.site-header .c-togle__menu {
		flex: 0 0 auto !important;
	}

	.site-header .c-togle__menu .menu_icon__open {
		height: 36px !important;
		width: 32px !important;
	}

	/* O tim kiem xo xuong: vua khung mobile */
	.site-header .c-header__top > .search-main-menu.active.active {
		padding: 14px !important;
	}

	.site-header .c-header__top > .search-main-menu.active.active form input[type="text"] {
		height: 46px !important;
		padding: 0 104px 0 16px !important;
	}

	.site-header .c-header__top > .search-main-menu.active.active form input[type="submit"] {
		padding: 0 18px !important;
	}
}

/* Man rat hep (<=400px): thu logo de con cho cho hamburger + search */
@media (max-width: 400px) {

	body.home .site-header .wrap_branding .logo img,
	body:not(.home) .site-header .wrap_branding .logo img,
	.site-header .wrap_branding .logo img {
		max-height: 34px !important;
	}

	.site-header .c-togle__menu {
		margin-right: 10px !important;
	}
}

/* ============================================================
   TRANG DOC CHAPTER — chi ap dung MOBILE (body.reading-manga)
   Muc tieu: breadcrumb 1 dong, thanh dieu huong gon, anh full-bleed.
   ============================================================ */
@media (max-width: 767px) {

	/* --- 1. Breadcrumb: ep ve 1 dong, khong tran man hinh --- */
	body.reading-manga .c-breadcrumb-wrapper {
		margin: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		width: 100% !important;
	}

	body.reading-manga .c-breadcrumb-wrapper .container,
	body.reading-manga .c-breadcrumb-wrapper .row,
	body.reading-manga .c-breadcrumb-wrapper [class*="col-"] {
		margin: 0 !important;
		max-width: 100% !important;
		padding: 0 !important;
		width: 100% !important;
	}

	body.reading-manga .c-breadcrumb {
		font-size: 12px !important;
		margin: 0 !important;
		max-width: 100% !important;
		overflow: hidden !important;
		padding: 9px 14px !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		width: 100% !important;
	}

	/* .breadcrumb ben trong van tran ~8px -> ep ellipsis o ca lop nay */
	body.reading-manga .c-breadcrumb .breadcrumb,
	body.reading-manga .c-breadcrumb ol,
	body.reading-manga .c-breadcrumb ul {
		display: block !important;
		margin: 0 !important;
		max-width: 100% !important;
		overflow: hidden !important;
		padding: 0 !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		width: 100% !important;
	}

	body.reading-manga .c-breadcrumb li,
	body.reading-manga .c-breadcrumb span,
	body.reading-manga .c-breadcrumb a {
		display: inline !important;
		float: none !important;
		font-size: 12px !important;
		white-space: nowrap !important;
	}

	/* --- 2. Thanh dieu huong chapter ---
	   Nav goc cua theme cha bi khoa height:29px, nav-links dinh vi tuyet doi va
	   tran ra ngoai man. Khong vá duoc triet de -> an han tren mobile va dung
	   thanh cong cu rieng (.mo2-reader-bar) do child2 tao ra. */
	body.reading-manga .site-header .c-sub-header-nav {
		display: none !important;
	}

	.mo2-reader-bar {
		align-items: center;
		background: #17161c;
		border-bottom: 1px solid rgba(255, 255, 255, .07);
		display: flex;
		gap: 8px;
		padding: 10px 12px;
		width: 100%;
	}

	.mo2-reader-bar .mo2-rb-select {
		flex: 1 1 auto;
		min-width: 0;
	}

	.mo2-reader-bar select {
		-webkit-appearance: none;
		appearance: none;
		background: rgba(255, 255, 255, .07);
		border: 1px solid rgba(255, 255, 255, .12);
		border-radius: 10px;
		color: #fff;
		display: block;
		font-size: 13px;
		font-weight: 600;
		height: 42px;
		max-width: 100%;
		padding: 0 12px;
		width: 100%;
	}

	.mo2-reader-bar .mo2-rb-nav {
		align-items: center;
		display: flex;
		flex: 0 0 auto;
		gap: 8px;
	}

	/* Nut tien/lui: dung chinh the <a> goc cua theme (da co href dung),
	   chi doi ky tu mui ten + ep mau trang cho nhin thay ro. */
	.mo2-reader-bar .mo2-rb-nav .mo2-rb-btn,
	.mo2-reader-bar .mo2-rb-nav a {
		align-items: center;
		background: #2b2933 !important;
		border: 1px solid rgba(255, 255, 255, .14) !important;
		border-radius: 10px !important;
		color: #fff !important;
		display: inline-flex !important;
		font-size: 20px !important;
		font-weight: 700;
		height: 42px !important;
		justify-content: center;
		line-height: 1 !important;
		margin: 0 !important;
		min-width: 46px !important;
		padding: 0 !important;
		text-decoration: none;
		width: auto !important;
	}

	.mo2-reader-bar .mo2-rb-nav .mo2-rb-btn:hover {
		background: #3a3745 !important;
	}

	.mo2-reader-bar .mo2-rb-nav .is-off {
		opacity: .3;
		pointer-events: none;
	}

	/* --- 3. Anh chapter: full-bleed sat 2 mep --- */
	/* Container trang doc co padding 18px rat "cung dau" -> can selector du manh */
	html body.reading-manga .site-content .c-page-content .content-area > .container,
	html body.reading-manga .site-content .c-page-content .content-area .row,
	html body.reading-manga .site-content .c-page-content .content-area [class*="col-"] {
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}

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

	body.reading-manga .reading-content .page-break {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	body.reading-manga .reading-content img,
	body.reading-manga .reading-content .wp-manga-chapter-img {
		display: block !important;
		height: auto !important;
		margin: 0 auto !important;
		max-width: 100% !important;
		padding: 0 !important;
		width: 100% !important;
	}

	/* --- 4. Nut cuon len dau --- */
	.mo2-totop {
		align-items: center;
		background: rgba(23, 22, 28, .92);
		border: 1px solid rgba(255, 255, 255, .16);
		border-radius: 50%;
		bottom: 18px;
		color: #fff;
		cursor: pointer;
		display: none;
		height: 44px;
		justify-content: center;
		position: fixed;
		right: 14px;
		width: 44px;
		z-index: 9999;
	}

	.mo2-totop.is-visible {
		display: flex;
	}

	.mo2-totop svg {
		fill: currentColor;
		height: 20px;
		width: 20px;
	}
}

/* Thanh cong cu doc chapter CHI danh cho mobile — an hoan toan tren PC */
@media (min-width: 768px) {
	.mo2-reader-bar {
		display: none !important;
	}
}

/* ============================================================
   TRANG DOC — an nut doi nen sang/toi (ca mobile lan PC)
   Nut: <a class="wp-manga-action-button" title="Toggle Dark/Light Mode">
        chua <i class="icon ion-md-contrast">
   CHU Y: class .wp-manga-action-button dung chung voi nut Favoris o trang
   chi tiet, nen phai nham theo title / icon ben trong, KHONG an ca class.
   ============================================================ */
/* Theme co CSS inline trong <body> dat display:inline-flex !important cho
   .wp-manga-action-button, nen an truc tiep the <a> KHONG an duoc.
   Cach chay: an the <li> bao ben ngoai no. */
.action_list_icon li:has(a[title*="Dark"]),
.action_list_icon li:has(a[title*="Light"]),
.action_list_icon li:has(a[title*="sombre"]),
.action_list_icon li:has(a[title*="clair"]),
.action_list_icon li:has(i.ion-md-contrast) {
	display: none !important;
}

/* Du phong cho trinh duyet khong ho tro :has() — an rieng icon ben trong */
i.icon.ion-md-contrast {
	display: none !important;
}

/* ============================================================
   TRANG DOC MOBILE — an bo dieu khien TRUNG LAP phia tren anh
   (.entry-header chua them 1 dropdown chuong + nut tien/lui).
   Tren PC van giu nguyen nhu ban goc.
   ============================================================ */
@media (max-width: 767px) {
	body.reading-manga .c-blog-post .entry-header .select-pagination,
	body.reading-manga .c-blog-post .entry-header .select-view {
		display: none !important;
	}
}

/* ============================================================
   ACCESSIBILITY — vung cham toi thieu cho menu off-canvas
   PageSpeed: "Touch targets do not have sufficient size or spacing".
   Cac link trong menu truot dang cao 21px, chuan can >= 24px.
   Chi tang padding doc, khong doi co chu nen nhin gan nhu khong khac.
   ============================================================ */
.off-canvas .menu-link,
.off-canvas .main-navbar a,
.off-canvas .off-menu a {
	display: block;
	min-height: 24px;
	padding-bottom: 6px;
	padding-top: 6px;
}

/* Vung cham cho link footer (Support / Conditions / copyright) — dang cao 14-16px */
.nav-footer .menu-item a,
.nav-footer a,
.copyright a {
	display: inline-block;
	min-height: 24px;
	padding-bottom: 4px;
	padding-top: 4px;
}