/* vidaytu/faldon-trust-bar */

.vidaytu-faldon-trust-bar {
	padding-block: var(--wp--preset--spacing--50);
}

.vidaytu-faldon-trust-bar.is-density-compact {
	padding-block: var(--wp--preset--spacing--40);
}

.vidaytu-faldon-trust-bar.is-density-spacious {
	padding-block: var(--wp--preset--spacing--70);
}

/* Backgrounds. */
.vidaytu-faldon-trust-bar.is-bg-default {
	background: var(--wp--preset--color--bg);
}

.vidaytu-faldon-trust-bar.is-bg-soft {
	background: var(--wp--preset--color--bg-soft);
}

.vidaytu-faldon-trust-bar.is-bg-muted {
	background: var(--wp--preset--color--bg-muted);
}

.vidaytu-faldon-trust-bar.is-bg-navy {
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--bg);
}

.vidaytu-faldon-trust-bar.is-bg-navy .vidaytu-faldon-trust-bar__title {
	color: var(--wp--preset--color--bg);
}

.vidaytu-faldon-trust-bar.is-bg-navy .vidaytu-faldon-trust-bar__subtitle {
	color: rgba(255, 255, 255, 0.7);
}

.vidaytu-faldon-trust-bar.is-bg-navy.is-icon-color-navy .vidaytu-faldon-trust-bar__icon,
.vidaytu-faldon-trust-bar.is-bg-navy.is-icon-color-neutral .vidaytu-faldon-trust-bar__icon {
	/* Navy icons over a navy background would disappear — force light. */
	color: var(--wp--preset--color--bg);
}

/* Layout container. */
.vidaytu-faldon-trust-bar__inner {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--40);
}

.vidaytu-faldon-trust-bar.alignfull .vidaytu-faldon-trust-bar__inner {
	max-width: none;
}

.vidaytu-faldon-trust-bar__grid {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	padding: 0;
	list-style: none;
}

.vidaytu-faldon-trust-bar.is-cols-3 .vidaytu-faldon-trust-bar__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vidaytu-faldon-trust-bar.is-cols-4 .vidaytu-faldon-trust-bar__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vidaytu-faldon-trust-bar.is-cols-5 .vidaytu-faldon-trust-bar__grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* Item base — column stack with icon on top, then title + subtitle. */
.vidaytu-faldon-trust-bar__item {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
	color: inherit;
}

.vidaytu-faldon-trust-bar.is-item-align-center .vidaytu-faldon-trust-bar__item {
	align-items: center;
	text-align: center;
}

.vidaytu-faldon-trust-bar.is-item-align-left .vidaytu-faldon-trust-bar__item {
	align-items: flex-start;
	text-align: left;
}

/* Layout: plain — Figma default. No chrome. */
.vidaytu-faldon-trust-bar.is-layout-plain .vidaytu-faldon-trust-bar__item {
	padding: 0;
	border: 0;
}

/* Layout: divided — vertical separators between items. */
.vidaytu-faldon-trust-bar.is-layout-divided .vidaytu-faldon-trust-bar__item {
	padding-inline: var(--wp--preset--spacing--30);
	border-left: 1px solid var(--wp--preset--color--border);
}

.vidaytu-faldon-trust-bar.is-layout-divided .vidaytu-faldon-trust-bar__item:first-child {
	border-left: 0;
	padding-left: 0;
}

.vidaytu-faldon-trust-bar.is-bg-navy.is-layout-divided .vidaytu-faldon-trust-bar__item {
	border-left-color: rgba(255, 255, 255, 0.18);
}

/* Layout: boxed — chip-style cards over the section bg. */
.vidaytu-faldon-trust-bar.is-layout-boxed .vidaytu-faldon-trust-bar__item {
	background: var(--wp--preset--color--bg);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--lg);
	padding: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--text);
}

.vidaytu-faldon-trust-bar.is-bg-navy.is-layout-boxed .vidaytu-faldon-trust-bar__item {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.14);
	color: var(--wp--preset--color--bg);
}

.vidaytu-faldon-trust-bar.is-bg-navy.is-layout-boxed .vidaytu-faldon-trust-bar__title {
	color: var(--wp--preset--color--bg);
}

/* Icon. The Figma reference uses naked stroke icons, no badge. */
.vidaytu-faldon-trust-bar__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--wp--preset--color--navy);
}

.vidaytu-faldon-trust-bar__icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Sizes. */
.vidaytu-faldon-trust-bar.is-icon-size-md .vidaytu-faldon-trust-bar__icon {
	width: 2rem;
	height: 2rem;
}

.vidaytu-faldon-trust-bar.is-icon-size-lg .vidaytu-faldon-trust-bar__icon {
	width: 2.75rem;
	height: 2.75rem;
}

.vidaytu-faldon-trust-bar.is-icon-size-xl .vidaytu-faldon-trust-bar__icon {
	width: 3.5rem;
	height: 3.5rem;
}

/* Icon colors. */
.vidaytu-faldon-trust-bar.is-icon-color-navy .vidaytu-faldon-trust-bar__icon {
	color: var(--wp--preset--color--navy);
}

.vidaytu-faldon-trust-bar.is-icon-color-primary .vidaytu-faldon-trust-bar__icon {
	color: var(--wp--preset--color--primary);
}

.vidaytu-faldon-trust-bar.is-icon-color-accent .vidaytu-faldon-trust-bar__icon {
	color: var(--wp--preset--color--accent);
}

.vidaytu-faldon-trust-bar.is-icon-color-neutral .vidaytu-faldon-trust-bar__icon {
	color: var(--wp--preset--color--text-muted);
}

/* Text. */
.vidaytu-faldon-trust-bar__content {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--5);
}

.vidaytu-faldon-trust-bar.is-item-align-center .vidaytu-faldon-trust-bar__content {
	align-items: center;
}

.vidaytu-faldon-trust-bar.is-item-align-left .vidaytu-faldon-trust-bar__content {
	align-items: flex-start;
}

.vidaytu-faldon-trust-bar__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--navy);
}

.vidaytu-faldon-trust-bar__subtitle {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm);
	line-height: 1.5;
	color: var(--wp--preset--color--text-muted);
}

/* Tablet: collapse 5/4 cols → 2 cols. 3 cols stays. */
@media (max-width: 1024px) {
	.vidaytu-faldon-trust-bar.is-cols-4 .vidaytu-faldon-trust-bar__grid,
	.vidaytu-faldon-trust-bar.is-cols-5 .vidaytu-faldon-trust-bar__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Divided: recompute leftmost-of-row borders. */
	.vidaytu-faldon-trust-bar.is-layout-divided.is-cols-4 .vidaytu-faldon-trust-bar__item:nth-child(2n+1),
	.vidaytu-faldon-trust-bar.is-layout-divided.is-cols-5 .vidaytu-faldon-trust-bar__item:nth-child(2n+1) {
		border-left: 0;
		padding-left: 0;
	}

	.vidaytu-faldon-trust-bar.is-layout-divided.is-cols-4 .vidaytu-faldon-trust-bar__item:nth-child(2n),
	.vidaytu-faldon-trust-bar.is-layout-divided.is-cols-5 .vidaytu-faldon-trust-bar__item:nth-child(2n) {
		border-left: 1px solid var(--wp--preset--color--border);
		padding-left: var(--wp--preset--spacing--30);
	}
}

/* Mobile: stack to a single column. Drop divider lines on stack. */
@media (max-width: 640px) {
	.vidaytu-faldon-trust-bar__grid,
	.vidaytu-faldon-trust-bar.is-cols-3 .vidaytu-faldon-trust-bar__grid,
	.vidaytu-faldon-trust-bar.is-cols-4 .vidaytu-faldon-trust-bar__grid,
	.vidaytu-faldon-trust-bar.is-cols-5 .vidaytu-faldon-trust-bar__grid {
		grid-template-columns: 1fr;
	}

	.vidaytu-faldon-trust-bar.is-layout-divided .vidaytu-faldon-trust-bar__item {
		border-left: 0;
		border-top: 1px solid var(--wp--preset--color--border);
		padding-left: 0;
		padding-top: var(--wp--preset--spacing--30);
	}

	.vidaytu-faldon-trust-bar.is-bg-navy.is-layout-divided .vidaytu-faldon-trust-bar__item {
		border-top-color: rgba(255, 255, 255, 0.18);
	}

	.vidaytu-faldon-trust-bar.is-layout-divided .vidaytu-faldon-trust-bar__item:first-child {
		border-top: 0;
		padding-top: 0;
	}
}