/* [gw_trust_badges] — standalone, so it carries its own token set rather
   than relying on an ancestor like .gw-kit-selector's --gw-* variables.
   Values match kit-selector.css / home-v2.css's newer palette so it's
   visually consistent wherever it's dropped via a Divi Code module. */

.gw-trust-badges {
	--gw-green-deep: #1e6b41;
	--gw-text: #3a3f3a;
	--gw-border: #dfe3dc;
	--gw-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
		"Helvetica Neue", "Segoe UI", Roboto, Inter, Arial, sans-serif;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0;
	max-width: 1000px;
	margin: 0 auto;
	padding: 25px 25px;
	font-family: var(--gw-font);
}

.gw-trust-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 20px;
	border-left: 1px solid var(--gw-border);
	font-size: 20px;
	font-weight: 600;
	color: var(--gw-text);
}
.gw-trust-item:first-child { border-left: none; }

.gw-trust-item svg {
	width: 25px;
	height: 25px;
	flex: none;
	color: var(--gw-green-deep);
}

/* Narrow viewports: dividers between wrapped rows read as stray lines, so
   drop them and let items wrap onto their own centered rows instead. */
@media (max-width: 640px) {
	.gw-trust-item { border-left: none; padding: 8px 14px; }
}