/* =========================================================
   PAGE: Single meme (trang chi tiết meme)
   Bố cục: khối meme (ảnh + nút) -> bài viết (nội dung) -> meta.
   Sử dụng ở: is_singular('meme') — DUY NHẤT
   Dependencies: tokens.css (+ meme-card.css cho phần liên quan)
   ========================================================= */

.am__meme-single {
	max-width: 720px;
	margin-inline: auto;
}

.am__meme-single__title {
	font-size: var(--am-fs-2xl);
	letter-spacing: var(--am-ls-tight);
	text-align: center;
	margin-bottom: var(--am-space-4);
}

/* === Khối meme: ảnh đại diện + nút hành động === */
.am__meme-hero {
	margin-bottom: var(--am-space-5);
}

.am__meme-single__figure {
	margin: 0 0 var(--am-space-4);
	text-align: center;
}

.am__meme-single__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--am-radius-lg);
	box-shadow: var(--am-shadow-md);
}

/* === Vùng bài viết — nội dung nhiều ảnh + chữ === */
.am__meme-article {
	margin-top: var(--am-space-5);
}

/* === Meta: chủ đề + thẻ === */
.am__meme-meta {
	display: flex;
	flex-direction: column;
	gap: var(--am-space-3);
	margin-top: var(--am-space-5);
	padding-top: var(--am-space-4);
	border-top: var(--am-border-w) solid var(--am-color-border);
}

.am__meme-meta__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--am-space-2);
}

.am__meme-meta__label {
	font-size: var(--am-fs-sm);
	font-weight: var(--am-fw-semibold);
	color: var(--am-color-text-soft);
}

/* Chip (chủ đề / thẻ) dùng chung — style ở layout.css */

/* === Khối meme liên quan === */
.am__meme-related {
	margin-top: var(--am-space-7);
}

.am__meme-related__title {
	font-size: var(--am-fs-xl);
	letter-spacing: var(--am-ls-tight);
	margin-bottom: var(--am-space-4);
}