/* Blog archive -> designed 3-col card grid + category filter (Astra layout-5).
   Loaded from the plugin so it can't be stripped. */

/* clear the sticky header */
.ast-blog-layout-5-grid{padding-top:46px !important;}

/* category filter bar */
.sgt-blog-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;}
.sgt-blog-filter .sgt-fbtn{
	display:inline-block;padding:9px 18px;border-radius:999px;font-size:13.5px;font-weight:700;
	text-decoration:none;color:#d7e2db;background:#18241f;border:1px solid #2a3a33;transition:.16s;
}
.sgt-blog-filter .sgt-fbtn:hover{border-color:#2bb673;color:#fff;}
.sgt-blog-filter .sgt-fbtn.active{background:#2bb673;border-color:#2bb673;color:#fff;}

/* card grid: 3 across, then 2, then 1 */
.ast-blog-layout-5-grid .ast-row{
	display:grid !important;
	grid-template-columns:repeat(3,1fr) !important;
	gap:24px !important;margin:0 !important;
}
@media(max-width:1024px){.ast-blog-layout-5-grid .ast-row{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:680px){.ast-blog-layout-5-grid .ast-row{grid-template-columns:1fr !important;}}
.ast-blog-layout-5-grid .ast-row > *{
	height:100%;max-width:100% !important;flex:none !important;margin:0 !important;padding:0 !important;
}
.ast-blog-layout-5-grid .ast-article-inner{
	background:#18241f;border:1px solid #2a3a33;border-radius:16px;padding:26px;height:100%;
	display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.ast-blog-layout-5-grid .ast-article-inner:hover{
	transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.3);border-color:#2bb673;
}
.ast-blog-layout-5-grid .cat-links,
.ast-blog-layout-5-grid .cat-links a{
	color:#2bb673 !important;font-weight:800;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
}
.ast-blog-layout-5-grid .entry-title{font-size:19px !important;line-height:1.25 !important;margin:10px 0 !important;}
.ast-blog-layout-5-grid .entry-title a{color:#fff !important;}
.ast-blog-layout-5-grid .entry-title a:hover{color:#2bb673 !important;}
.ast-blog-layout-5-grid .entry-meta,
.ast-blog-layout-5-grid .entry-meta a,
.ast-blog-layout-5-grid .posted-by a{color:#9fb3aa !important;font-size:12.5px !important;}
.ast-blog-layout-5-grid .ast-excerpt-container{
	color:#9fb3aa !important;font-size:14px !important;line-height:1.6 !important;margin-bottom:16px;
}
.ast-blog-layout-5-grid .read-more,
.ast-blog-layout-5-grid .ast-button-wrap{margin-top:auto;}
.ast-blog-layout-5-grid .read-more a,
.ast-blog-layout-5-grid .ast-button{
	color:#2bb673 !important;font-weight:700 !important;text-decoration:none;background:transparent !important;padding:0 !important;
}

/* ===== Single blog post template (applies to ALL posts, current + future) ===== */
.single-post #primary{padding-top:50px !important;}
/* readable measure, centered */
.single-post .entry-header,
.single-post .entry-content,
.single-post .entry-footer,
.single-post .post-navigation,
.single-post .sg-post-cta{max-width:820px !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box;}
/* Guarantee side padding so content never touches the edge (imported posts
   use a full-width layout with no container padding). */
.single-post .entry-header,
.single-post .entry-content{padding-left:22px !important;padding-right:22px !important;}
.single-post .entry-header{margin-bottom:28px;}
.single-post .entry-title{color:#fff !important;font-size:clamp(30px,4vw,44px) !important;line-height:1.18 !important;margin:6px 0 14px !important;}
.single-post .cat-links,
.single-post .cat-links a{color:#2bb673 !important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12px;text-decoration:none;}
.single-post .entry-meta,
.single-post .entry-meta a,
.single-post .posted-by a{color:#9fb3aa !important;font-size:13.5px !important;}
/* body typography */
.single-post .entry-content{font-size:17px !important;line-height:1.8 !important;color:#d7e2db;}
.single-post .entry-content p{margin:0 0 1.3em;}
.single-post .entry-content h2{color:#fff !important;font-size:clamp(24px,3vw,32px) !important;margin:1.7em 0 .5em !important;line-height:1.25;}
.single-post .entry-content h3{color:#fff !important;font-size:20px !important;margin:1.4em 0 .4em !important;}
.single-post .entry-content ul,
.single-post .entry-content ol{margin:0 0 1.3em 1.2em;}
.single-post .entry-content li{margin:.4em 0;}
.single-post .entry-content a{color:#2bb673;}
.single-post .entry-content strong{color:#fff;}
.single-post .entry-content blockquote{
	border-left:3px solid #2bb673;background:#18241f;padding:18px 22px;border-radius:0 10px 10px 0;margin:1.6em 0;color:#d7e2db;
}
.single-post .entry-content blockquote p:last-child{margin-bottom:0;}

/* Wider content area on blog + category archives (reduce empty side space) */
body.blog .site-content .ast-container,
body.archive .site-content .ast-container{max-width:1400px !important;}

/* Category / archive title styling — kill Astra's big 45px top/bottom padding */
.ast-archive-description{padding:0 !important;margin:0 0 20px !important;}
.ast-archive-title{color:#fff !important;font-size:clamp(24px,2.8vw,34px) !important;margin:0 0 6px !important;}

/* Hide comments (section + the "Leave a Comment" meta link) on single posts */
.single-post .comments-area,
.single-post #comments,
.single-post .comment-respond,
.single-post .comments-title,
.single-post .ast-comment-list,
.single-post .comments-link,
.single-post .entry-meta .comments-link{display:none !important;}
