/* Trust badges under the product page buttons (store-profile feature
   "trust_badges"; wording and icons set in Buy Now -> Product Page).

   A slim tinted strip of three points: icon + title, thin dividers between them.
   Responsive by the strip's own width (container query):
     - >= 380px : icon beside the title
     - <  380px : icon above the title, so three points still fit side by side
   A title is held to two lines at most (never a third), ellipsis as a last resort.
   Colours come from the theme palette. */

.wd-tb {
	container-type: inline-size;
	margin: 21px 0 0;
	box-sizing: border-box;
	color: var(--theme-text-color, #1a1a17);
}
.wd-tb *,
.wd-tb *::before,
.wd-tb *::after { box-sizing: border-box; }

.wd-tb__grid {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(var(--wd-tb-n, 3), minmax(0, 1fr));
	align-items: center;
	padding: 12px 6px;
	background: var(--theme-palette-color-6, #e4f2e8);
	border-radius: 14px;
}

/* Left-to-right shine sweep - the same soft diagonal streak used on the cart's
   free-shipping line and the secure badge. Decorative only (an overlay that
   ignores the pointer), and switched off for reduced-motion visitors. */
.wd-tb__grid::after {
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	width: 45%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, .85) 50%, transparent 100%);
	animation: wd-tb-shine 3.4s ease-in-out infinite;
}
@keyframes wd-tb-shine {
	0%   { left: -60%; opacity: 0; }
	15%  { opacity: 1; }
	55%  { left: 115%; opacity: 0; }
	100% { left: 115%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.wd-tb__grid::after { animation: none; display: none; }
}

.wd-tb__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	padding: 2px 8px;
}
.wd-tb__item + .wd-tb__item { border-left: 1px solid var(--theme-palette-color-5, #cfe3d6); }

.wd-tb__icon {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--theme-palette-color-1, #1e7a4c);
}
.wd-tb__icon svg { display: block; width: 19px; height: 19px; }

.wd-tb__text { min-width: 0; }
.wd-tb__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--theme-palette-color-2, #0e3d27);
	overflow-wrap: anywhere;
}
/* titles only - a subtitle typed in an older version is never shown */
.wd-tb__sub { display: none; }

/* narrow strip: icon above the title so three points still fit */
@container (max-width: 379px) {
	.wd-tb__grid { padding: 10px 4px; }
	.wd-tb__item { flex-direction: column; gap: 5px; padding: 2px 6px; text-align: center; }
	.wd-tb__title { font-size: 12px; }
}