/**
 * Post Featured Posts V2 Block Styles
 * Styles for the Post Featured Posts V2 custom block
 *
 * @package made-to-thrive-2026-base
 * @since 1.0.0
 */

/* Main Container */
.post-featured-posts-v2-block {
	width: 100%;
	margin: 0 auto;
}

/* The block uses the existing archive grid classes (.archive-posts-grid, .archive-post-card, etc.)
 * which are defined in assets/css/archive.css, so minimal additional styling is needed.
 * The archive grid is responsive and handles all the post card styling.
 */

aside .post-featured-posts-v2-block .archive-posts-grid {
	display:block;
	padding: 0 14px;
}
aside .post-featured-posts-v2-block .archive-posts-grid article {
	margin: 0 auto 15px
}
/* Ensure proper spacing */
.post-featured-posts-v2-block .archive-posts-grid {
	margin-bottom: 0;
	padding: 0;
	grid-template-columns: repeat(3, 1fr);
}

/* Accessibility: Ensure focus states are visible */
.post-featured-posts-v2-block .archive-post-link:focus {
	outline: 2px solid var(--wp--preset--color--cornflower, #5B66C6);
	outline-offset: 2px;
}

@media (max-width:500px) {
	.post-featured-posts-v2-block .archive-posts-grid {
			margin-bottom: 0;
			padding: 0;
			grid-template-columns: repeat(2, 1fr);
		}
}