/* =========================================================
   PAGE: Che anh giay khen (templates/giay-khen.php)
   Dung lai component .am__gen__* cua trinh tao meme;
   file nay CHI chua phan khac biet.
   Dependencies: tokens.css + components/meme-generator.css
   ========================================================= */

/* Phoi giay khen la anh NGANG (A4/A5 ngang), khong vuong nhu anh meme.
   Ghi de aspect-ratio 1/1 cua .am__gen__tpl img va giam so cot cho de nhin. */
.am__gk__templates {
	grid-template-columns: repeat(3, 1fr);
}

.am__gk__templates .am__gen__tpl img {
	aspect-ratio: 297 / 210;   /* ti le A4 ngang */
	object-fit: cover;
}

@media (min-width: 760px) {
	.am__gk__templates {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Nhac nho danh cho quan tri vien khi chua chon phoi nao. */
.am__gk__setup {
	padding: var(--am-space-3);
	border: var(--am-border-w) dashed var(--am-color-border-strong);
	border-radius: var(--am-radius-md);
}

/* Noi dung tu do cua trang, nam duoi khoi cong cu (nen toi). */
.am__gk__body {
	margin-top: var(--am-space-6);
}