/* ───────────────────────────────────────────────────────────────
   archive.css — Archive listings (category / tag / author pages)
   ───────────────────────────────────────────────────────────────
   These are the compact rows you see on `/category/...` style pages.
   The homepage uses the larger rows from `article-list.css` instead.

   The markup is in `templates/archive.html`.

   Common edits:
     • thumbnail width      → `.blik-archive-thumb` width / aspect
     • row vertical rhythm  → `.blik-archive-row` padding
   ─────────────────────────────────────────────────────────────── */

.blik-archive-row {
	/* Equal inner padding on all sides. */
	padding: var(--wp--preset--spacing--40);
	gap: var(--wp--preset--spacing--40);
	/* Top-align: the thumbnail's top lines up with the category/tag eyebrow. */
	align-items: flex-start;
}

/* Category + tag eyebrow above the title (same look as homepage/single). */
.blik-archive-row .blik-article-eyebrow {
	align-items: baseline;
	gap: 6px;
	line-height: 1;
}

/* All tags rendered (hidden) only so the live search can match on them. */
.blik-search-tags {
	display: none;
}

.blik-archive-thumb {
	flex-shrink: 0;
	width: var(--blik-archive-thumb-width);
}

.blik-archive-thumb img {
	width: var(--blik-archive-thumb-width);
	height: var(--blik-archive-thumb-height);
	object-fit: cover;
	display: block;
}

.blik-archive-row-meta.wp-block-group {
	flex: 1;
	align-items: flex-start;
	align-self: flex-start;
}

/* Short story intro under the title. Clamped to two lines so every row stays
   the same neat height. */
.blik-archive-excerpt {
	margin: 2px 0 0;
}

.blik-archive-excerpt,
.blik-archive-excerpt p {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
	color: var(--blik-color-muted);
}

.blik-archive-excerpt p {
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Post-title link color (default + hover) lives in theme.json under
   `styles.blocks.core/post-title.elements.link`. */
.blik-archive-row .wp-block-post-title a {
	transition: color var(--blik-transition-normal);
}

.blik-archive-row .wp-block-post-title a:hover {
	color: var(--wp--preset--color--accent-1);
}

/* Author links — remove underline */
.blik-archive-row .wp-block-post-author-name a {
	text-decoration: none;
}

@media (max-width: 600px) {
	.blik-archive-thumb {
		width: var(--blik-archive-thumb-width-sm);
	}
	.blik-archive-thumb img {
		width: var(--blik-archive-thumb-width-sm);
		height: var(--blik-archive-thumb-height-sm);
	}
}