/**
 * Blog archive card grid.
 * Desktop 6 / tablet 4 / mobile 2. Featured images 4:3, 4px radius.
 *
 * Author: Hesham Saad
 * Author URI: https://heshamsaad.com
 */

body.hs-blog-archive {
	--hs-blog-gap: clamp(1rem, 2vw, 1.5rem);
}

/* Full-width archive column for the card grid. */
body.hs-blog-archive #secondary,
body.hs-blog-archive .mobile-filter {
	display: none;
}

body.hs-blog-archive #primary,
body.hs-blog-archive .content-area {
	float: none;
	width: 100%;
	max-width: none;
	clear: both;
}

body.hs-blog-archive .site-main.grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--hs-blog-gap);
	align-items: start;
	padding-bottom: 1em;
}

@media (min-width: 769px) {
	body.hs-blog-archive .site-main.grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 993px) {
	body.hs-blog-archive .site-main.grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

body.hs-blog-archive .site-main.grid .page-header,
body.hs-blog-archive .site-main.grid .navigation.pagination {
	grid-column: 1 / -1;
}

body.hs-blog-archive .site-main.grid article.post {
	box-sizing: border-box;
	margin: 0;
	min-width: 0;
	padding: 0.65rem;
	border: 1px solid var(--sal-border-subtle, #d8cdb9);
	border-radius: 4px;
	background: var(--sal-neutral-white, #fff);
}

body.hs-blog-archive .site-main.grid .blog-loop-content-wrapper {
	padding: 0.75rem 0.15rem 0.15rem;
}

body.hs-blog-archive .site-main.grid article.post .entry-header h2 {
	font-size: clamp(0.9rem, 0.82rem + 0.3vw, 1.05rem);
	line-height: 1.3;
	margin: 0;
	letter-spacing: 0;
}

body.hs-blog-archive .site-main.grid article.post .entry-header .posted-on {
	margin-bottom: 0.35rem;
	font-size: 0.7rem;
}

/* Excerpts are removed in PHP; keep hidden if a theme option re-enables them. */
body.hs-blog-archive .site-main.grid article.post .entry-content {
	display: none;
}

/*
 * Card image: 4:3 crop, 4px radius.
 * Archive thumbnails are <a class="post-thumbnail"> wrapping the img.
 */
body.hs-blog-archive .site-main.grid a.post-thumbnail {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 4px;
	margin: 0;
	background: var(--sal-brand-ivory, #f2e8d4);
}

body.hs-blog-archive .site-main.grid a.post-thumbnail::before,
body.hs-blog-archive .site-main.grid a.post-thumbnail::after {
	display: none;
}

body.hs-blog-archive .site-main.grid a.post-thumbnail img.wp-post-image {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	object-position: center;
	border-radius: 4px;
	transform: none;
	transition: none;
}

body.hs-blog-archive .site-main.grid article.post:hover a.post-thumbnail img.wp-post-image {
	transform: none;
}