/* =====================================================
   BLOG LOOP – DYNAMIC (Clean + Minimal)
   Works for:
   - Blog page
   - Custom blog page (Page ID 13)
===================================================== */

/* Blog page + Custom blog pages */
body.blog .blog-loop-wrapper,
body.page-id-13 .blog-loop-wrapper {
	padding: 30px 6vw 50px;
}

body.blog .blog-loop-columns,
body.page-id-13 .blog-loop-columns {
	gap: 60px;
}

body.blog .blog-loop-column,
body.page-id-13 .blog-loop-column {
	flex-basis: 50%;
}

body.blog .blog-loop-title,
body.page-id-13 .blog-loop-title {
	font-size: 40px;
}

/* Button styling */
body.blog .blog-loop-button,
body.blog .wp-block-button__link,
body.page-id-13 .blog-loop-button,
body.page-id-13 .wp-block-button__link {
	border-radius: 0.33rem;
	background-color: #6b7434;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

/* Hover */
body.blog .wp-block-button__link:hover,
body.page-id-13 .wp-block-button__link:hover {
	background-color: #0040d1;
}