/* =====================================================================
   WIENINGER · Vertrauens-Streifen  —  wgn-trust.css
   Kompakter Credibility-Streifen: Claim + Fakten (Icon/Wert/Label) + Logos.
   Tokens aus wgn-ui.css. rem/em/%/clamp · Safari-gehärtet.
   ===================================================================== */

.wgn-trust {
	background: var(--wgn-paper);
	border-top: 1px solid var(--wgn-line);
	border-bottom: 1px solid var(--wgn-line);
	padding: clamp(1.75rem, 4vw, 3rem) var(--wgn-pad-x);
	font-family: var(--wgn-sans);
	color: var(--wgn-ink);
	-webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
.wgn-trust * { box-sizing: border-box; }
.wgn-trust--dark { background: var(--wgn-dark); color: #EDE7DE; border-color: rgba(255,255,255,.1); }

/* ---------- Claim ---------- */
.wgn-trust__claim {
	max-width: var(--wgn-shell); margin: 0 auto clamp(1.5rem, 3vw, 2.25rem);
	text-align: center;
	font-family: var(--wgn-serif); font-weight: 500; letter-spacing: -.01em; line-height: 1.3;
	font-size: clamp(1.2rem, 2.4vw, 1.75rem);
}

/* ---------- Fakten ---------- */
.wgn-trust__items {
	max-width: var(--wgn-shell); margin-inline: auto;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
	gap: clamp(1.25rem, 4vw, 3.25rem);
}
.wgn-trust__item { display: flex; align-items: center; gap: .85rem; }
@media (min-width: 768px) {
	.wgn-trust__item:not(:last-child) {
		padding-right: clamp(1.25rem, 4vw, 3.25rem);
		border-right: 1px solid var(--wgn-line);
	}
	.wgn-trust--dark .wgn-trust__item:not(:last-child) { border-right-color: rgba(255,255,255,.14); }
}
/* Mobile: aufgeräumtes 2-Spalten-Raster statt zerstreutem Umbruch */
@media (max-width: 767px) {
	.wgn-trust__items { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem 1rem; justify-items: start; }
	.wgn-trust__item { width: 100%; }
}
.wgn-trust__icon { flex: 0 0 auto; color: var(--wgn-red); display: inline-flex; }
.wgn-trust__icon svg,
.wgn-trust__icon img { width: var(--wgn-trust-icon-size, 2rem); height: var(--wgn-trust-icon-size, 2rem); object-fit: contain; }
.wgn-trust__txt { display: flex; flex-direction: column; line-height: 1.2; }
.wgn-trust__val {
	font-family: var(--wgn-serif); font-weight: 500; font-size: clamp(1.15rem, 1.8vw, 1.4rem);
}
.wgn-trust__label {
	margin-top: .15rem;
	font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
	color: var(--wgn-ink-soft);
}
.wgn-trust--dark .wgn-trust__label { color: rgba(237,231,222,.7); }

/* ---------- Logos ---------- */
.wgn-trust__logos {
	max-width: var(--wgn-shell); margin: clamp(1.5rem, 3vw, 2.25rem) auto 0;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
	gap: clamp(1.5rem, 4vw, 3.5rem);
	padding-top: clamp(1.25rem, 2.5vw, 2rem);
	border-top: 1px solid var(--wgn-line);
}
.wgn-trust--dark .wgn-trust__logos { border-top-color: rgba(255,255,255,.12); }
.wgn-trust__logo { display: inline-flex; }
.wgn-trust__logo img {
	height: var(--wgn-trust-logo-h, clamp(2.75rem, 5vw, 4rem)); width: auto; object-fit: contain;
	filter: grayscale(1); opacity: .55;
	transition: filter .3s var(--wgn-ease), opacity .3s var(--wgn-ease);
}
.wgn-trust__logo:hover img { filter: grayscale(0); opacity: 1; }

/* ---------- Google-Bewertungen ---------- */
.wgn-trust__reviews {
	display: flex; align-items: center; gap: .65rem; width: max-content; max-width: 100%;
	margin: 0 auto clamp(1.5rem, 3vw, 2.25rem);
	padding: .55rem 1.15rem;
	border: 1px solid var(--wgn-line); border-radius: 2rem;
	text-decoration: none; color: inherit;
	transition: border-color .25s var(--wgn-ease), box-shadow .25s var(--wgn-ease);
}
.wgn-trust--dark .wgn-trust__reviews { border-color: rgba(255,255,255,.18); }
.wgn-trust__reviews:hover { border-color: var(--wgn-red); box-shadow: var(--wgn-shadow); }
.wgn-trust__g { display: inline-flex; flex: 0 0 auto; }
.wgn-trust__g svg { width: 1.2rem; height: 1.2rem; display: block; }
.wgn-trust__score { font-weight: 700; font-size: 1.05rem; }
.wgn-trust__stars { color: #F5A623; letter-spacing: .06em; font-size: 1rem; line-height: 1; }
.wgn-trust__rcount { font-size: .8rem; color: var(--wgn-ink-soft); }
.wgn-trust--dark .wgn-trust__rcount { color: rgba(237,231,222,.72); }

@media (prefers-reduced-motion: reduce) {
	.wgn-trust__logo img, .wgn-trust__reviews { transition: none; }
}