/*
 * am-blog — the blog/article surfaces rendered by the theme's PHP templates:
 * the single post (am-post), the list-variant listing (am-article-list), and
 * pagination (am-pagination). The card-variant listing reuses am-article-card.
 *
 * These render standard WordPress post content (the_content), so the body relies
 * on base.css element defaults — no widget styling, no Elementor needed for the blog.
 */

/* -- Single post ------------------------------------------------------------ */
.am-post__header {
	max-width: var(--am-measure);
	margin-inline: auto;
	margin-block-end: var(--am-space-600);
}

.am-post__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--am-space-300);
	margin-block-end: var(--am-space-400);
	color: var(--am-color-text-muted);
	font-size: var(--am-font-size-200);
	letter-spacing: var(--am-tracking-wide);
	text-transform: uppercase;
}

.am-post__title {
	font-size: var(--am-font-size-800);
}

.am-post__featured {
	margin-block-end: var(--am-space-700);
	border-radius: var(--am-radius-lg);
	overflow: hidden;
}

/* The reading column — constrained to a comfortable measure and centred. */
.am-post__content {
	max-width: var(--am-measure);
	margin-inline: auto;
}

.am-post__tags {
	max-width: var(--am-measure);
	margin-inline: auto;
	margin-block-start: var(--am-space-700);
	padding-block-start: var(--am-space-500);
	border-block-start: 1px solid var(--am-color-border);
	color: var(--am-color-text-muted);
	font-size: var(--am-font-size-200);
}

.am-post__tags a {
	color: var(--am-color-link);
}

/* -- List-variant listing (alternative to the card grid) -------------------- */
.am-article-list {
	max-width: var(--am-measure);
}

.am-article-list__item {
	padding-block: var(--am-space-500);
	border-block-end: 1px solid var(--am-color-border);
}

.am-article-list__item:first-child {
	padding-block-start: 0;
}

.am-article-list__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--am-space-300);
	margin-block-end: var(--am-space-200);
	color: var(--am-color-text-muted);
	font-size: var(--am-font-size-200);
	letter-spacing: var(--am-tracking-wide);
	text-transform: uppercase;
}

.am-article-list__title {
	margin-block: 0 var(--am-space-200);
	font-family: var(--am-font-sans);
	font-weight: var(--am-weight-bold);
	font-size: var(--am-font-size-500);
}

.am-article-list__title a {
	color: var(--am-color-heading);
	text-decoration: none;
}

.am-article-list__title a:hover {
	color: var(--am-color-accent);
}

.am-article-list__excerpt {
	margin-block: 0;
	color: var(--am-color-text);
}

/* -- Pagination ------------------------------------------------------------- */
.am-pagination {
	margin-block-start: var(--am-space-700);
}

.am-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--am-space-300);
	align-items: center;
}

.am-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--am-space-600);
	padding: var(--am-space-200) var(--am-space-300);
	border: 1px solid var(--am-color-border);
	border-radius: var(--am-radius-md);
	color: var(--am-color-text);
	text-decoration: none;
	transition: background-color var(--am-transition), color var(--am-transition), border-color var(--am-transition);
}

.am-pagination .page-numbers:hover {
	border-color: var(--am-color-accent);
	color: var(--am-color-accent);
}

.am-pagination .page-numbers.current {
	background-color: var(--am-color-accent);
	border-color: var(--am-color-accent);
	color: var(--am-color-on-accent);
}