/*
 * blocks.css — styles that span multiple theme-owned blocks or that
 * touch the post-meta / CTA template parts. Per-block style.css
 * files cover the inside of each block; this file handles the
 * surrounding context.
 */

/* Post meta strip (parts/post-meta.html) */
.fa-post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--text-muted);
}
.fa-post-meta .wp-block-avatar img { border-radius: 50%; }

/* Last reviewed badge */
.fa-last-reviewed {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}

/* Author bio block */
.fa-author-bio .wp-block-avatar img { border-radius: 50%; }

/* Verdict badge column on tool_review */
.fa-verdict-badge { text-align: center; }

/* Headline metric column on case_study */
.fa-headline-metric { text-align: right; }

@media (max-width: 640px) {
	.fa-headline-metric { text-align: left; }
}

/* Case-study results grid spacing */
.fa-case-results .wp-block-column { padding: 0; }

/* Affiliate disclosure: visual scale-down inline within prose */
.fa-affiliate-disclosure { font-size: var(--wp--preset--font-size--xs); }
.fa-affiliate-disclosure p { margin: 0; }
.fa-affiliate-disclosure p + p { margin-top: 0.25rem; }

/* TL;DR card sits flush at the top of a post; tighten its rhythm. */
.fa-tldr-card p { margin: 0; }
.fa-tldr-card p + p { margin-top: 0.5rem; }

/* Methodology callout */
.fa-methodology-callout p { margin: 0; }
.fa-methodology-callout p + p { margin-top: 0.5rem; }

/* Comparison table column-based responsive stack */
@media (max-width: 760px) {
	.fa-comparison table,
	.fa-comparison thead,
	.fa-comparison tbody,
	.fa-comparison tr,
	.fa-comparison th,
	.fa-comparison td {
		display: block;
		width: 100%;
	}
	.fa-comparison thead { display: none; }
	.fa-comparison tr {
		border: 1px solid var(--wp--preset--color--border);
		border-radius: 0.5rem;
		padding: 0.75rem 1rem;
		margin-bottom: 0.75rem;
	}
	.fa-comparison td {
		padding: 0.25rem 0;
		border: 0;
	}
	.fa-comparison td::before {
		content: attr(data-label) " — ";
		font-weight: 600;
		color: var(--wp--preset--color--text-muted);
	}
}

/* Site footer */
.fa-site-footer h4 {
	margin-block-end: 0.625rem;
}

/* Reading-progress bar — Z-index above sticky header */
.fa-reading-progress { z-index: 60; }