/* ==========================================================================
   Frosted Bloom — blog category sidebar + horizontal related posts.
   ========================================================================== */

/* ---- Category sidebar (blog index + category/tag archives) --------------- */
.gfd-blog-sidebar { margin-top: 4px; }
.gfd-blog-sidebar__card {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(var(--gfd-primary-rgb,224,138,18), 0.16);
	border-radius: 16px;
	padding: 18px 18px 8px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05);
}
.gfd-blog-sidebar__title {
	font-size: 18px; font-weight: 800; color: var(--gfd-heading,#7a3d0a); margin: 0 0 12px;
	padding-bottom: 10px; border-bottom: 1px solid rgba(var(--gfd-primary-rgb,224,138,18), 0.14);
}
.gfd-blog-cats { list-style: none; margin: 0; padding: 0; }
.gfd-blog-cats li { margin: 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.gfd-blog-cats li:last-child { border-bottom: 0; }
.gfd-blog-cats li a {
	display: block; padding: 9px 4px; font-size: 14.5px; font-weight: 600;
	color: #4a4a55; text-decoration: none; transition: color .12s ease, padding-left .12s ease;
}
.gfd-blog-cats li a:hover { color: var(--gfd-primary-dark,#b3660d); padding-left: 8px; }
.gfd-blog-cats li.current-cat > a { color: var(--gfd-primary-dark,#b3660d); }
.gfd-blog-cats .children { margin: 0 0 4px 12px; }

/* ---- Single post: make "Related Posts" horizontal ------------------------ */
.mkdf-related-posts-inner {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 22px;
	float: none !important;
}
.mkdf-related-posts-inner .mkdf-related-post {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.mkdf-related-posts-inner .mkdf-related-post-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}

@media (max-width: 680px) {
	.mkdf-related-posts-inner { grid-template-columns: 1fr 1fr; gap: 14px; }
}
@media (max-width: 420px) {
	.mkdf-related-posts-inner { grid-template-columns: 1fr; }
}