/* Card, form tìm kiếm, pagination, widget */
.mxh-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--mxh-color-border);
	border-radius: var(--mxh-radius);
	overflow: hidden;
}

.mxh-card-thumb-link {
	aspect-ratio: 600 / 338;
	background: #f2f2f2;
	overflow: hidden;
}

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

.mxh-thumb--placeholder {
	background: #f2f2f2;
	width: 100%;
	aspect-ratio: 600 / 338;
}

.mxh-card-body {
	padding: var(--mxh-space-sm);
	display: grid;
	gap: var(--mxh-space-xs);
}

.mxh-card-cat {
	font-size: 0.75rem;
	text-transform: uppercase;
	color: var(--mxh-color-accent);
	font-weight: 600;
}

.mxh-card-title a {
	font-weight: 600;
}

.mxh-date {
	color: var(--mxh-color-muted);
	font-size: 0.85rem;
}

.mxh-card-compact {
	display: flex;
	gap: var(--mxh-space-sm);
	align-items: center;
}

.mxh-card-compact-thumb {
	width: 80px;
	aspect-ratio: 600 / 338;
	flex-shrink: 0;
	background: #f2f2f2;
	overflow: hidden;
}

.mxh-card-compact-title a {
	font-weight: 600;
	font-size: 0.9rem;
}

.mxh-search-form {
	display: flex;
	gap: var(--mxh-space-xs);
}

.mxh-search-input {
	flex: 1;
	min-height: 44px;
	padding: 0 var(--mxh-space-sm);
	border: 1px solid var(--mxh-color-border);
	border-radius: var(--mxh-radius);
}

.mxh-search-submit {
	min-height: 44px;
	min-width: 44px;
	padding: 0 var(--mxh-space-md);
	border: 1px solid var(--mxh-color-accent);
	background: var(--mxh-color-accent);
	color: #fff;
	border-radius: var(--mxh-radius);
}

.widget {
	border: 1px solid var(--mxh-color-border);
	border-radius: var(--mxh-radius);
	padding: var(--mxh-space-md);
	margin-bottom: var(--mxh-space-md);
}

.widget-title {
	font-size: 1rem;
	margin: 0 0 var(--mxh-space-sm);
}

.nav-links,
.pagination {
	display: flex;
	gap: var(--mxh-space-xs);
	margin-top: var(--mxh-space-lg);
	flex-wrap: wrap;
}

.nav-links a,
.nav-links span,
.pagination a,
.pagination span {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--mxh-color-border);
	border-radius: var(--mxh-radius);
	padding: 0 var(--mxh-space-sm);
}