/* =========================================================
   PAGE: Taxonomy archive (chu de `meme_cat` / the `meme_tag`)
   Hero: breadcrumb + H1 + mo ta tren nen gradient xanh nhat.
   Su dung o: is_tax('meme_cat'|'meme_tag') — DUY NHAT
   Dependencies: tokens.css
   ========================================================= */

.am__tax-hero {
	/* Gradient di tu xanh nhat cua he mau primary (#E5F1FF) tan dan vao nen trang,
	   nen luoi anh phia duoi noi len tren nen trang sach nhu cu. */
	background-image: linear-gradient(
		180deg,
		var(--am-color-primary-soft) 0%,
		var(--am-color-bg) 100%
	);

	/* .am__main co padding-top 16px — keo hero len de dai gradient cham sat
	   header, khong con vach trang o giua. */
	margin-top: calc(var(--am-space-4) * -1);

	/* Khoang tho tu mo ta xuong luoi:
	   24px o day + 12px margin-top cua .am__meme-grid = 36px
	   (truoc khi co hero chi la 16px). */
	padding-block-end: var(--am-space-5);
}

/* Thut le trung khop voi .am__feed de chu thang hang voi cot anh dau tien. */
.am__tax-hero__inner {
	padding-inline: var(--am-container-px);
}

/* Khoang cach xuong luoi do padding-block-end cua hero lo,
   khong de margin cua header cong them vao. */
.am__tax-hero .am__archive__header {
	margin-bottom: 0;
}