/* =========================================================================
   Trust Strip Block — all rules scoped under .trust-strip-block.
   Per-block CSS (loaded via enqueue_assets only when the block is present).
   Tokens: green #028d40, graphite #343a40, muted #777, border #e6e6e6,
   surface-alt #f8f9fa.
   ========================================================================= */
.trust-strip-block { background: #f8f9fa; border-bottom: 1px solid #e6e6e6; }

/* Centered container (self-contained; mirrors the design's 1140px strip) */
.trust-strip-block .tsb-inner { max-width: 1140px; margin: 0 auto; padding: 44px 24px; }

/* Row of items: four equal columns by default */
.trust-strip-block .tsb-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }

/* Single item: icon beside the text block */
.trust-strip-block .tsb-item { display: flex; align-items: center; gap: 14px; }
.trust-strip-block .tsb-item__icon { color: #028d40; font-size: 26px; line-height: 1; flex: 0 0 auto; }
.trust-strip-block .tsb-item__text { min-width: 0; }
.trust-strip-block .tsb-item__title { font-size: 22px; font-weight: 500; color: #343a40; line-height: 1.2; }
.trust-strip-block .tsb-item__sub { font-size: 14px; color: #777; margin-top: 2px; }

/* Responsive (theme Bootstrap breakpoints): 4 -> 2 -> 1 columns */
@media (max-width: 991.98px) {
	.trust-strip-block .tsb-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 575.98px) {
	.trust-strip-block .tsb-inner { padding: 32px 16px; }
	.trust-strip-block .tsb-grid { grid-template-columns: 1fr; gap: 16px; }
}
