/* ==========================================================================
   Hope Kids - nội dung bài viết (handle "hk-post-content")
   Áp dụng cho:
     - Widget Post Content của Elementor Pro có CSS class "hk-post-content"
     - Trang chi tiết bài viết mặc định của Blocksy (.single-post .site-main .entry-content)
   ========================================================================== */

.hk-post-content,
.single-post .site-main .entry-content {
	color: #111;
	font-family: "Nunito", system-ui, sans-serif;
	font-size: 15px;
	line-height: 1.75;
}

.hk-post-content p,
.single-post .site-main .entry-content p {
	margin: 0 0 12px;
}

.hk-post-content h2,
.hk-post-content h3,
.hk-post-content h4,
.single-post .site-main .entry-content h2,
.single-post .site-main .entry-content h3,
.single-post .site-main .entry-content h4 {
	margin: 28px 0 12px;
	color: #111;
	font-family: "Nunito", system-ui, sans-serif;
	font-weight: 700;
}

.hk-post-content h2,
.single-post .site-main .entry-content h2 {
	font-size: 20px;
	line-height: 1.8;
}

.hk-post-content h3,
.single-post .site-main .entry-content h3 {
	font-size: 18px;
	line-height: 1.75;
}

.hk-post-content h4,
.single-post .site-main .entry-content h4 {
	font-size: 16px;
	line-height: 1.6;
}

.hk-post-content ul,
.hk-post-content ol,
.single-post .site-main .entry-content ul,
.single-post .site-main .entry-content ol {
	margin: 0 0 12px;
	padding-left: 22px;
}

.hk-post-content li,
.single-post .site-main .entry-content li {
	margin: 0 0 2px;
}

.hk-post-content li::marker,
.single-post .site-main .entry-content li::marker {
	color: var(--hk-brown-2, #894E25);
}

.hk-post-content a,
.single-post .site-main .entry-content a {
	color: var(--hk-orange, #F69B0F);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.hk-post-content a:hover,
.single-post .site-main .entry-content a:hover {
	color: var(--hk-brown, #66320E);
}

/* Khối trích dẫn / nhấn mạnh nền kem như thiết kế */
.hk-post-content blockquote,
.hk-post-content .wp-block-quote,
.hk-post-content .wp-block-pullquote,
.single-post .site-main .entry-content blockquote,
.single-post .site-main .entry-content .wp-block-quote {
	margin: 16px 0;
	padding: 16px;
	border: 0;
	border-radius: 0;
	background: var(--hk-cream-2, #FFF2C9);
	color: #111;
	font-size: 14px;
	font-style: normal;
	line-height: 1.8;
}

.hk-post-content blockquote p:last-child,
.single-post .site-main .entry-content blockquote p:last-child {
	margin-bottom: 0;
}

.hk-post-content blockquote cite,
.single-post .site-main .entry-content blockquote cite {
	display: block;
	margin-top: 8px;
	color: var(--hk-muted, #746E66);
	font-size: 13px;
	font-style: normal;
}

.hk-post-content img,
.hk-post-content .wp-block-image img,
.single-post .site-main .entry-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.hk-post-content figure,
.single-post .site-main .entry-content figure {
	margin: 16px 0;
}

.hk-post-content figcaption,
.single-post .site-main .entry-content figcaption {
	margin-top: 6px;
	color: var(--hk-muted, #746E66);
	font-size: 13px;
	text-align: center;
}

.hk-post-content table,
.single-post .site-main .entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.hk-post-content th,
.hk-post-content td,
.single-post .site-main .entry-content th,
.single-post .site-main .entry-content td {
	padding: 8px 12px;
	border: 1px solid rgba(102, 50, 14, .15);
}

.hk-post-content th,
.single-post .site-main .entry-content th {
	background: var(--hk-cream-2, #FFF2C9);
	font-weight: 700;
}

/* Ảnh đại diện (widget Featured Image có class hk-post-content hoặc mặc định) */
.elementor-widget-theme-post-featured-image img {
	border-radius: 8px;
}

@media (max-width: 767px) {
	.hk-post-content,
	.single-post .site-main .entry-content {
		font-size: 15px;
	}
}