/* Video full-width tự khung dọc/ngang + overlay nhạy cảm (blur mặc định, bấm để xem) */
/* Shortcode [video] in style="width:640px" inline -> cần !important, không thì trang tràn ngang trên điện thoại */
.mxh-single-content .wp-video {
	width: 100% !important;
	max-width: 100%;
	margin: 0 -12px;
}

.mxh-single-content video {
	width: 100%;
	height: auto;
	display: block;
	background: #000;
	border-radius: 12px;
}

.mxh-single-content video {
	object-fit: contain;
}

.mxh-single-content video.is-portrait {
	/* width:auto khi chưa có poster/metadata = 300px mặc định rồi nở ra -> xê dịch; tính sẵn từ tỉ lệ server in */
	width: min( 100%, calc( 80vh * var( --mxh-vr, 0.5625 ) ) );
	height: auto;
	margin: 0 auto;
}

@media ( min-width: 768px ) {
	.mxh-single-content .wp-video {
		margin: 0;
	}
}

/* Blur server-render trước khi JS chạy -> không chớp nội dung; JS tắt xem inc/sensitive-content.php noscript */
article.mxh-single.mxh-is-sensitive img,
article.mxh-single.mxh-is-sensitive video,
article.mxh-single.mxh-is-sensitive .wp-video,
article.mxh-single.mxh-is-sensitive iframe {
	filter: blur(24px);
}

.mxh-sensitive-wrap {
	position: relative;
	/* blur() loang ra ngoài khung, đè lên tiêu đề và chữ xung quanh nếu không cắt */
	overflow: hidden;
	border-radius: 12px;
}

article.mxh-single.mxh-is-sensitive img.mxh-sensitive-img {
	cursor: pointer;
}

/* Ảnh banner quảng cáo (plugin gắn data-mxh-ad) và ảnh bài liên quan không phải nội dung bài này -> không che */
article.mxh-single.mxh-is-sensitive [data-mxh-ad] img,
article.mxh-single.mxh-is-sensitive .mxh-related-posts img,
article.mxh-single.mxh-is-sensitive img.mxh-sensitive-img.is-revealed,
article.mxh-single.mxh-is-sensitive .mxh-sensitive-wrap.is-revealed img,
article.mxh-single.mxh-is-sensitive .mxh-sensitive-wrap.is-revealed video,
article.mxh-single.mxh-is-sensitive .mxh-sensitive-wrap.is-revealed .wp-video,
article.mxh-single.mxh-is-sensitive .mxh-sensitive-wrap.is-revealed iframe {
	filter: none;
}

.mxh-sensitive-reveal {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: var(--mxh-space-sm);
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	border: none;
	font-weight: 600;
}

.mxh-sensitive-wrap.is-revealed .mxh-sensitive-reveal {
	display: none;
}

/* Exclusion .mxh-related-posts img{filter:none} ở trên gỡ blur luôn card nhạy cảm trong "Xem thêm" -> đè lại riêng card đó */
article.mxh-single.mxh-is-sensitive .mxh-related-posts .mxh-card.mxh-is-sensitive .mxh-thumb {
	filter: blur( 18px );
}

.mxh-side-rail-item.is-sensitive .mxh-thumb {
	filter: blur( 12px );
}