/* =========================
   Actualités — 3 columns, Featured Image + Excerpt only
   Scope: blog archive or a specific page (replace .page-id-37 if needed)
   ========================= */
body.blog,
body.page-id-37 {
	--arlaw-font: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
	--arlaw-text: #7a7a7a;
	--arlaw-heading: #1f1f1f;
	--arlaw-card-bg: #fff;
	--arlaw-muted: #eaeaea;
	--arlaw-gap: clamp(16px, 3vw, 28px);
	--arlaw-radius: 16px;
	--arlaw-shadow: 0 10px 25px rgba(0,0,0,.06);
	--arlaw-shadow-hover: 0 16px 40px rgba(0,0,0,.12);
	font-family: var(--arlaw-font);
	color: var(--arlaw-text);
}

/* Container (adjust to your theme wrappers if needed) */
body.blog .site,
body.page-id-37 .site,
body.blog .container,
body.page-id-37 .container {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 20px;
}

/* Grid wrapper — targets common containers that hold the loop */
body.blog :is(main .site-main, .posts, .post-list),
body.page-id-37 :is(main .site-main, .posts, .post-list) {
	display: grid;
	gap: var(--arlaw-gap);
	grid-template-columns: 1fr; /* mobile */
}

@media (min-width: 680px) {
	body.blog :is(main .site-main, .posts, .post-list),
	body.page-id-37 :is(main .site-main, .posts, .post-list) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 1024px) {
	body.blog :is(main .site-main, .posts, .post-list),
	body.page-id-37 :is(main .site-main, .posts, .post-list) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Post cards */
body.blog :is(article.post, .hentry),
body.page-id-37 :is(article.post, .hentry) {
	background: var(--arlaw-card-bg);
	border-radius: var(--arlaw-radius);
	box-shadow: var(--arlaw-shadow);
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
	display: flex;
	flex-direction: column;
}

body.blog :is(article.post, .hentry):hover,
body.page-id-37 :is(article.post, .hentry):hover {
	transform: translateY(-4px);
	box-shadow: var(--arlaw-shadow-hover);
}

/* Featured image */
body.blog :is(article.post, .hentry) .post-thumbnail,
body.page-id-37 :is(article.post, .hentry) .post-thumbnail {
	display: block;
	aspect-ratio: 16 / 10; /* tidy card ratio */
	background: #f5f5f5;
	overflow: hidden;
}

body.blog :is(article.post, .hentry) .post-thumbnail img,
body.page-id-37 :is(article.post, .hentry) .post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .6s ease;
}

body.blog :is(article.post, .hentry):hover .post-thumbnail img,
body.page-id-37 :is(article.post, .hentry):hover .post-thumbnail img {
	transform: scale(1.06);
}

/* Content area (excerpt) */
body.blog :is(article.post, .hentry) .entry-summary,
body.page-id-37 :is(article.post, .hentry) .entry-summary,
body.blog :is(article.post, .hentry) .entry-content,
body.page-id-37 :is(article.post, .hentry) .entry-content {
	padding: 18px 18px 22px;
	flex: 1 1 auto;
}

body.blog :is(article.post, .hentry) .entry-summary p,
body.page-id-37 :is(article.post, .hentry) .entry-summary p,
body.blog :is(article.post, .hentry) .entry-content p,
body.page-id-37 :is(article.post, .hentry) .entry-content p {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: var(--arlaw-text);
	/* show a neat preview (remove clamp if you want full excerpt) */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

/* Hide everything except featured image + excerpt */
body.blog :is(article.post, .hentry) :is(.entry-header, .entry-title, .cat-links, .entry-meta, .read-more),
body.page-id-37 :is(article.post, .hentry) :is(.entry-header, .entry-title, .cat-links, .entry-meta, .read-more) {
	display: none !important;
}

/* Pagination (optional, simple pills) */
body.blog .navigation.pagination,
body.page-id-37 .navigation.pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin: 32px 0 60px;
}
body.blog .navigation.pagination .nav-links a,
body.page-id-37 .navigation.pagination .nav-links a,
body.blog .navigation.pagination .nav-links .current,
body.page-id-37 .navigation.pagination .nav-links .current {
	min-width: 42px; height: 42px;
	padding: 0 14px;
	border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center;
	font-weight: 600; text-decoration: none;
	border: 1px solid var(--arlaw-muted);
	color: var(--arlaw-heading); background: #fff;
}
body.blog .navigation.pagination .nav-links a:hover,
body.page-id-37 .navigation.pagination .nav-links a:hover {
	border-color: #6ec1e4; color: #6ec1e4;
}
body.blog .navigation.pagination .nav-links .current,
body.page-id-37 .navigation.pagination .nav-links .current {
	border-color: #6ec1e4; background: #6ec1e4; color: #fff;
}

/* === Actualités: 2 centered columns; pagination full width; image + excerpt only === */

/* Grid on the main wrapper */
#primary.site-main {
	display: grid;
	gap: 28px;
	grid-template-columns: repeat(2, minmax(320px, 560px)); /* 2 cols */
	justify-content: center;   /* center the two tracks */
	align-content: start;
	margin-inline: auto;
	padding-inline: 20px;
	max-width: 1220px;         /* feel free to adjust */
}

/* Each post card */
#primary.site-main article.post,
#primary.site-main .hentry {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 10px 25px rgba(0,0,0,.06);
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
	display: flex;
	flex-direction: column;
}
#primary.site-main article.post:hover,
#primary.site-main .hentry:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(0,0,0,.12);
}

/* Featured image */
#primary.site-main article.post .post-thumbnail {
	display: block;
	aspect-ratio: 16/10;
	background: #f5f5f5;
	overflow: hidden;
}
#primary.site-main article.post .post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .6s ease;
}
#primary.site-main article.post:hover .post-thumbnail img {
	transform: scale(1.06);
}

/* Excerpt only (hide title/meta/etc.) */
#primary.site-main article.post .entry-header,
#primary.site-main article.post .entry-title,
#primary.site-main article.post .cat-links,
#primary.site-main article.post .entry-meta,
#primary.site-main article.post .read-more {
	display: none !important;
}
#primary.site-main article.post .entry-summary,
#primary.site-main article.post .entry-content {
	padding: 18px 18px 22px;
	flex: 1 1 auto;
}
#primary.site-main article.post .entry-summary p,
#primary.site-main article.post .entry-content p {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: #7a7a7a;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5; /* preview lines; remove for full excerpt */
	overflow: hidden;
}

/* ✅ Make pagination span below both columns, centered */
#primary.site-main > .navigation.pagination {
	grid-column: 1 / -1;  /* full width across both columns */
	justify-self: center;
	width: auto;
}

/* Optional pagination style */
#primary.site-main .navigation.pagination .nav-links a,
#primary.site-main .navigation.pagination .nav-links .current {
	min-width: 42px; height: 42px;
	padding: 0 14px;
	border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center;
	font-weight: 600; text-decoration: none;
	border: 1px solid #eaeaea; color: #1f1f1f; background: #fff;
}
#primary.site-main .navigation.pagination .nav-links a:hover {
	border-color: #6ec1e4; color: #6ec1e4;
}
#primary.site-main .navigation.pagination .nav-links .current {
	border-color: #6ec1e4; background: #6ec1e4; color: #fff;
}

/* Mobile: fall back to 1 column */
@media (max-width: 679.98px) {
	#primary.site-main {
		grid-template-columns: 1fr;
		margin-top: 2em;
	}
}
.site-content {
	padding-top: 120px;
}