/**
 * Trust & accountability — the bits theme.json can't express: the pale-blue band,
 * the verification chips, and the financial-document rows (PDF tag, hairlines,
 * square download button). Loaded only when .ab-trust-accountability is on the page.
 *
 * Neutral tints are scoped component tokens, not added to the global palette.
 */
.ab-trust-accountability {
	--ab-ta-band: #e6f1f9;   /* pale-blue section ground (matches comp) */
	--ab-ta-tag: #e6f1f9;    /* PDF tag disc */
	--ab-ta-line: #e7ecf2;   /* row hairlines */
	background: var(--ab-ta-band);
}

/* ---- Verification chips --------------------------------------------------- */
/* The .ab-trust-chips group block provides the flex/wrap/gap layout itself. */
.ab-trust-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0.5rem 0.9rem;
	border: 1px solid var(--wp--preset--color--ab-line);
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--ab-navy);
	font-size: 0.8125rem;
	font-weight: 600;
}

.ab-trust-chip::before {
	content: "\2713"; /* check mark */
	color: var(--wp--preset--color--ab-green);
	font-weight: 700;
}

/* ---- Financial documents card -------------------------------------------- */
.ab-fin-card {
	box-shadow: var(--wp--preset--shadow--soft);
}

/* Each row: tag + title/desc on the left, download on the right, hairline between. */
.ab-fin-doc {
	border-top: 1px solid var(--ab-ta-line);
}

.ab-fin-doc__tag {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: var(--ab-ta-tag);
	color: var(--wp--preset--color--ab-blue);
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}

/* Square icon-style download button. The link text ("Download PDF") is kept for
   the accessible name but hidden visually (font-size:0); a ↓ glyph is drawn with
   ::after. This keeps the core/button markup canonical — no aria-label/title
   attributes that would invalidate the block. */
.ab-fin-doc__dl .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	font-size: 0;
	line-height: 1;
}

.ab-fin-doc__dl .wp-block-button__link::after {
	content: "\2193"; /* downwards arrow */
	font-size: 1.1rem;
	line-height: 1;
	color: var(--wp--preset--color--ab-blue);
}