/**
 * Core Query Loop card grids — replaces PostX (Ultimate Post) styling on Etch.
 * Depends on riverbend-tokens.css + cards.css.
 */

body.rbfun-etch .rb-query-grid .wp-block-post-template {
	display: grid;
	gap: 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.rbfun-etch .rb-query-grid .wp-block-post {
	background: var(--color-card-bg);
	border: var(--rb-card-border, 1px solid rgba(30, 70, 32, 0.1));
	border-radius: var(--border-radius-md);
	box-shadow: var(--shadow-sm);
	overflow: hidden;
	transition: var(--transition-smooth, box-shadow 0.2s ease);
}

body.rbfun-etch .rb-query-grid .wp-block-post:hover {
	box-shadow: var(--shadow-md);
}

body.rbfun-etch .rb-query-grid .wp-block-post-featured-image {
	margin: 0;
}

body.rbfun-etch .rb-query-grid .wp-block-post-featured-image img {
	width: 100%;
	height: auto;
	max-height: 220px;
	object-fit: cover;
	display: block;
}

body.rbfun-etch .rb-query-grid .wp-block-post-title,
body.rbfun-etch .rb-query-grid .wp-block-post-title a {
	color: var(--color-primary);
	font-family: var(--font-display);
	font-weight: 600;
	text-decoration: none;
	margin: 0.75rem 1rem 0.35rem;
}

body.rbfun-etch .rb-query-grid .wp-block-post-title a:hover {
	color: var(--color-secondary);
}

body.rbfun-etch .rb-query-grid .wp-block-post-excerpt,
body.rbfun-etch .rb-query-grid .rb-query-meta {
	margin: 0 1rem 1rem;
	color: var(--color-gray);
	font-size: 0.92rem;
	line-height: 1.5;
}

body.rbfun-etch .rb-query-archive-title {
	font-family: var(--font-display);
	color: var(--color-primary);
	margin-bottom: 1rem;
}

body.rbfun-etch .rb-query-search {
	margin-bottom: 1.25rem;
	max-width: 28rem;
}

body.rbfun-etch .rb-query-grid--featured .wp-block-post {
	border-width: 2px;
	border-color: rgba(30, 70, 32, 0.14);
	border-radius: var(--border-radius-lg);
}

body.rbfun-etch .wp-block-query-pagination {
	margin-top: 1.5rem;
}

body.rbfun-etch .rb-postx-cta-buttons {
	margin: 1.5rem 0 2rem;
}