/**
 * Bài viết (single post) - UI soi kèo / tin tức
 * Nền tối, block tóm tắt với link xanh, nội dung trắng
 */

/* Nền trang bài viết */
body.single-post #content,
body.single-post #primary,
body.single-post .site-main {
	background: #191B24 !important;
}

/* Override style.css - bài viết dùng nền tối, chữ sáng */
body.single-post .article-dark-ui,
body.single-post .article-dark-ui .entry-header,
body.single-post .article-dark-ui .entry-content,
body.single-post .article-dark-ui .entry-content p,
body.single-post .article-dark-ui .entry-content li,
body.single-post .article-dark-ui .entry-content h1,
body.single-post .article-dark-ui .entry-content h2,
body.single-post .article-dark-ui .entry-content h3,
body.single-post .article-dark-ui .entry-content h4,
body.single-post .article-dark-ui .entry-content h5,
body.single-post .article-dark-ui .entry-content h6 {
	color: #F2F3F3 !important;
}

/* Wrapper bài viết */
.article-dark-ui {
	background: #1A1D23;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 2rem;
}

/* Header - tiêu đề */
.article-dark-ui .entry-header {
	background: #1A1D23;
	padding: 1.5rem 1.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.article-dark-ui .entry-header h1 {
	font-family: 'Oswald', 'Roboto', sans-serif;
	font-weight: 700;
	font-size: clamp(1.25rem, 2.5vw, 1.75rem);
	line-height: 1.35;
	margin: 0;
	color: #fff !important;
}

.article-dark-ui .entry-header .bootscore-category-badge {
	margin-bottom: 0.5rem;
}

/* Block tóm tắt / điều hướng */
.article-summary-block {
	background: #1D2128;
	padding: 1.25rem 1.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.article-summary-block .summary-toc {
	list-style: none;
	padding: 0;
	margin: 0 0 1rem;
}

.article-summary-block .summary-toc li {
	margin: 0.4rem 0;
	padding: 0;
}

.article-summary-block .summary-toc a {
	color: #CB461B !important;
	text-decoration: none;
	font-size: 1rem;
	transition: color 0.2s;
}

.article-summary-block .summary-toc a:hover {
	color: #02d84e !important;
}

/* Labels dự đoán (màu xanh dương/teal) */
.article-summary-block .summary-predictions {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.article-summary-block .summary-predictions .pred-row {
	margin: 0.4rem 0;
	font-size: 0.95rem;
}

.article-summary-block .summary-predictions .pred-label {
	color: #5eb3d6;
}

.article-summary-block .summary-predictions .pred-value {
	color: #F2F3F3;
	font-weight: 500;
}

/* Nội dung chính */
.article-dark-ui .entry-content {
	background: #1A1D23;
	padding: 1.75rem 1.75rem;
	line-height: 1.7;
}

.article-dark-ui .entry-content h2,
.article-dark-ui .entry-content h3 {
	font-family: 'Oswald', 'Roboto', sans-serif;
	font-weight: 600;
	margin-top: 1.75rem;
	margin-bottom: 0.75rem;
	color: #fff !important;
}

.article-dark-ui .entry-content h2 { font-size: 1.25rem; }
.article-dark-ui .entry-content h3 { font-size: 1.1rem; }

.article-dark-ui .entry-content p {
	margin-bottom: 1rem;
}

.article-dark-ui .entry-content a {
	color: #CB461B !important;
}

.article-dark-ui .entry-content a:hover {
	color: #02d84e !important;
}

.article-dark-ui .entry-content strong {
	color: #fff;
	font-weight: 600;
}

.article-dark-ui .entry-content img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

/* Footer bài viết */
.article-dark-ui .entry-footer {
	background: #1A1D23;
	padding: 1.25rem 1.75rem;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.article-dark-ui .entry-footer,
.article-dark-ui .entry-footer a {
	color: rgba(255, 255, 255, 0.7) !important;
}

.article-dark-ui .entry-footer a:hover {
	color: #CB461B !important;
}

/* Dexuat video block trong bài viết */
.article-dark-ui .dexuat-video-block {
	padding: 0 1.75rem 1.5rem;
}

/* Pagination trong footer */
.article-dark-ui .pagination .page-link {
	background: #1D2128;
	border-color: rgba(255, 255, 255, 0.1);
	color: #F2F3F3 !important;
}

.article-dark-ui .pagination .page-link:hover {
	background: #252a33;
	color: #CB461B !important;
}