/* ============================================================
   CHE DO TOI — CHI DUNG KHI DANG DOC SACH
   (theo yeu cau 05/10: khong ap cho toan site, chi trong trinh doc)

   Bat khi CA HAI dieu kien dung:
     - <html data-ksp-theme="dark">            (nguoi doc da bat)
     - <body class="body--disabled">           (theme them khi mo trinh doc)
       hoac .book-container.showBook
   Ngoai trinh doc, site giu nguyen giao dien sang nhu cu.

   Khong dung filter: invert() vi se lam am ban anh bia va anh Phat.
   ============================================================ */

:root[data-ksp-theme="dark"] body.body--disabled {
	--ksp-r-bg: #15120e;      /* nen trang sach */
	--ksp-r-bg2: #1e1a14;     /* thanh dieu khien, muc luc */
	--ksp-r-line: #3a3125;
	--ksp-r-text: #e4dccd;    /* chu — kem nhat, khong trang choi mat */
	--ksp-r-brown: #d8b071;
	--ksp-r-gold: #d2a24e;
	color-scheme: dark;
}

/* ---------- khung trinh doc + trang sach ---------- */
:root[data-ksp-theme="dark"] body.body--disabled .book-container,
:root[data-ksp-theme="dark"] body.body--disabled .bb-bookblock,
:root[data-ksp-theme="dark"] body.body--disabled .bb-item,
:root[data-ksp-theme="dark"] body.body--disabled .bb-custom-side,
:root[data-ksp-theme="dark"] body.body--disabled .book-content,
:root[data-ksp-theme="dark"] body.body--disabled .book-page,
:root[data-ksp-theme="dark"] body.body--disabled .book-container .content,
:root[data-ksp-theme="dark"] body.body--disabled .book-wrapper {
	background-color: var(--ksp-r-bg) !important;
	color: var(--ksp-r-text) !important;
}

/* ---------- chu trong sach ---------- */
:root[data-ksp-theme="dark"] body.body--disabled .book-container p,
:root[data-ksp-theme="dark"] body.body--disabled .book-container li,
:root[data-ksp-theme="dark"] body.body--disabled .book-container span,
:root[data-ksp-theme="dark"] body.body--disabled .book-container div,
:root[data-ksp-theme="dark"] body.body--disabled .book-container td,
:root[data-ksp-theme="dark"] body.body--disabled .book-container blockquote,
:root[data-ksp-theme="dark"] body.body--disabled .book-container em,
:root[data-ksp-theme="dark"] body.body--disabled .book-container strong {
	color: var(--ksp-r-text) !important;
}
:root[data-ksp-theme="dark"] body.body--disabled .book-container h1,
:root[data-ksp-theme="dark"] body.body--disabled .book-container h2,
:root[data-ksp-theme="dark"] body.body--disabled .book-container h3,
:root[data-ksp-theme="dark"] body.body--disabled .book-container h4,
:root[data-ksp-theme="dark"] body.body--disabled .book-container h5,
:root[data-ksp-theme="dark"] body.body--disabled .book-container h6 {
	color: var(--ksp-r-brown) !important;
}
:root[data-ksp-theme="dark"] body.body--disabled .book-container a {
	color: var(--ksp-r-gold) !important;
}

/* ---------- thanh dieu khien, muc luc, thanh tien do ---------- */
:root[data-ksp-theme="dark"] body.body--disabled .bb-nav,
:root[data-ksp-theme="dark"] body.body--disabled .bb-custom-side,
:root[data-ksp-theme="dark"] body.body--disabled .book-nav,
:root[data-ksp-theme="dark"] body.body--disabled .book-toc,
:root[data-ksp-theme="dark"] body.body--disabled .table-of-contents,
:root[data-ksp-theme="dark"] body.body--disabled .bb-custom-side ul,
:root[data-ksp-theme="dark"] body.body--disabled .book-container header,
:root[data-ksp-theme="dark"] body.body--disabled .book-container nav {
	background-color: var(--ksp-r-bg2) !important;
	border-color: var(--ksp-r-line) !important;
	color: var(--ksp-r-text) !important;
}
:root[data-ksp-theme="dark"] body.body--disabled .book-container hr,
:root[data-ksp-theme="dark"] body.body--disabled .book-container * {
	border-color: var(--ksp-r-line);
}
:root[data-ksp-theme="dark"] body.body--disabled .reading-progress-wrap,
:root[data-ksp-theme="dark"] body.body--disabled .reading-progress,
:root[data-ksp-theme="dark"] body.body--disabled .book-top-bar,
:root[data-ksp-theme="dark"] body.body--disabled .bb-custom-wrapper > div:first-child {
	background-color: var(--ksp-r-bg2) !important;
	color: var(--ksp-r-text) !important;
}
/* thanh cuon cua trinh doc (perfect-scrollbar) */
:root[data-ksp-theme="dark"] body.body--disabled .ps__scrollbar-y,
:root[data-ksp-theme="dark"] body.body--disabled .ps__scrollbar-y-rail {
	background-color: #3a3125 !important;
}

:root[data-ksp-theme="dark"] body.body--disabled .bb-nav-close,
:root[data-ksp-theme="dark"] body.body--disabled .bb-nav-prev,
:root[data-ksp-theme="dark"] body.body--disabled .bb-nav-next,
:root[data-ksp-theme="dark"] body.body--disabled .bb-tblcontents {
	color: var(--ksp-r-brown) !important;
}

/* ---------- bang muc luc ---------- */
:root[data-ksp-theme="dark"] body.body--disabled .menu-panel {
	background-color: var(--ksp-r-bg2) !important;
	border-right: 1px solid var(--ksp-r-line) !important;
}
:root[data-ksp-theme="dark"] body.body--disabled .menu-panel h3 {
	color: var(--ksp-r-brown) !important;
}
:root[data-ksp-theme="dark"] body.body--disabled .menu-panel .menu-toc,
:root[data-ksp-theme="dark"] body.body--disabled .menu-panel li {
	background-color: transparent !important;
	border-color: var(--ksp-r-line) !important;
}
:root[data-ksp-theme="dark"] body.body--disabled .menu-panel a {
	color: var(--ksp-r-gold) !important;
}
:root[data-ksp-theme="dark"] body.body--disabled .menu-panel a:hover,
:root[data-ksp-theme="dark"] body.body--disabled .menu-panel li.active a {
	color: #f0cd8a !important;
}

/* ---------- anh trong sach: diu di cho do choi mat ban dem ---------- */
:root[data-ksp-theme="dark"] body.body--disabled .book-container img {
	filter: brightness(.85) contrast(1.02);
}

/* ---------- hop giai thich cua AI khi dang doc ---------- */
:root[data-ksp-theme="dark"] body.body--disabled {
	--ksp-ai-paper: #211c15;
	--ksp-ai-ink: #e4dccd;
	--ksp-ai-brown: #d8b071;
	--ksp-ai-gold: #d2a24e;
}
:root[data-ksp-theme="dark"] body.body--disabled .ksp-ai-box { border-color: var(--ksp-r-line); }
:root[data-ksp-theme="dark"] body.body--disabled .ksp-ai-quote {
	background: rgba(210, 162, 78, .12);
	color: #c9bca2;
}
:root[data-ksp-theme="dark"] body.body--disabled .ksp-ai-btn-no,
:root[data-ksp-theme="dark"] body.body--disabled .ksp-ai-chip {
	background: #272118; color: var(--ksp-r-brown);
}
:root[data-ksp-theme="dark"] body.body--disabled .ksp-ai-btn-yes { background: #7a5424; color: #fff; }
:root[data-ksp-theme="dark"] body.body--disabled .ksp-ai-hint { color: #a2957f; }

/* ---------- nut sang/toi: nam o DAU bang muc luc, khong noi de len danh sach ---------- */
.ksp-read-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: calc(100% - 24px);
	margin: 14px 12px 10px;
	background: #fdfaf4;
	color: #8b5a2b;
	border: 1px solid #ddd0b6;
	border-radius: 999px;
	padding: 10px 12px;
	min-height: 42px;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	cursor: pointer;
	box-sizing: border-box;
	flex: none;
}
/* Ngoai bang muc luc thi khong hien o dau ca */
body:not(.body--disabled) .ksp-read-toggle { display: none; }
.menu-panel { display: flex; flex-direction: column; }
.menu-panel .menu-toc { flex: 1 1 auto; min-height: 0; }
:root[data-ksp-theme="dark"] body.body--disabled .ksp-read-toggle {
	background: #272118;
	color: #d8b071;
	border-color: #3a3125;
}