/* =========================================================
   COMPONENT: Card (card bai viet)
   Su dung o: home, blog index, archive, search
   Enqueue co dieu kien — xem inc/enqueue.php
   Dependencies: tokens.css
   ========================================================= */

.am__card {
	display: flex;
	flex-direction: column;
	background: var(--am-color-bg);
	border: var(--am-border-w) solid var(--am-color-border);
	border-radius: var(--am-radius-lg);
	overflow: hidden;
	box-shadow: var(--am-shadow-sm);
	transition: box-shadow var(--am-duration-normal) var(--am-ease),
		transform var(--am-duration-normal) var(--am-ease);
}

.am__card:hover {
	box-shadow: var(--am-shadow-md);
	transform: translateY(-2px);
}

.am__card__thumb {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.am__card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.am__card__body {
	display: flex;
	flex-direction: column;
	gap: var(--am-space-2);
	padding: var(--am-space-4);
}

.am__card__title {
	margin: 0;
	font-size: var(--am-fs-lg);
}

.am__card__link {
	color: var(--am-color-text);
	text-decoration: none;
}

.am__card__link:hover,
.am__card__link:focus {
	color: var(--am-color-primary);
}

.am__card__meta {
	margin: 0;
	font-size: var(--am-fs-sm);
	color: var(--am-color-text-muted);
}

.am__card__excerpt {
	margin: 0;
	color: var(--am-color-text-soft);
}