/* ============================================================
   Checkout-Trust (Perfektion 2026-07-07, Track „checkout-reduktion")
   Schlanke Trust-/Lieferzeit-Elemente für Warenkorb (cart.js) und
   Kasse (checkout.html). Reine Darstellung vorhandener Daten aus
   data/shop_config.json (payment_methods) + deliveryLabel-Strings.
   Doktrin „heller/übersichtlicher/Deko raus": Text-Chips, einfarbige
   Inline-SVG (currentColor), KEINE bunten Marken-Logos.
   Eigene, neu angelegte Datei (kein Eingriff in fremde CSS-Dateien).
   ============================================================ */

/* ---------- Aggregierte Lieferzeit-Zeile (Warenkorb, über dem Kasse-Button) ---------- */
.trust-delivery {
  display: flex; align-items: center; gap: .5rem;
  margin: 14px 0 2px; padding: .55rem .7rem;
  border: 1px solid rgba(46,160,67,.28); border-radius: 10px;
  background: rgba(46,160,67,.06);
  font-size: var(--fs-ms); color: var(--text); line-height: 1.35;
}
.trust-delivery svg { flex: none; width: 16px; height: 16px; color: var(--good); }
.trust-delivery.is-quote {
  border-color: rgba(226,0,26,.2); background: rgba(226,0,26,.06);
}
.trust-delivery.is-quote svg { color: var(--red); }

/* ---------- Trust-Chips (Zahlarten, Text — kein Logo) ---------- */
.trust-pay {
  display: flex; flex-wrap: wrap; gap: .4rem;
  margin: .7rem 0 .2rem;
}
.trust-chip {
  display: inline-flex; align-items: center; gap: .38rem;
  padding: .3rem .55rem; border: 1px solid var(--line); border-radius: 999px;
  background: var(--panel); color: var(--muted-2);
  font-size: var(--fs-sm); line-height: var(--lh-caps); white-space: nowrap;
}
.trust-chip svg { flex: none; width: 14px; height: 14px; }
/* Kauf auf Rechnung zuerst + hervorgehoben (starkes B2B-Signal) */
.trust-chip.is-invoice {
  border-color: rgba(46,160,67,.4); background: rgba(46,160,67,.08);
  color: var(--text); font-weight: var(--fw-semibold);
}
.trust-chip.is-invoice svg { color: var(--good); }
.trust-chip .tc-sub { font-weight: var(--fw-body); color: var(--muted); }

@media (max-width: 560px) {
  .trust-chip { font-size: var(--fs-xs); padding: .28rem .5rem; }
}

/* ---------- Kasse: Rechnungskauf-Zeile in der Sidebar-Trust-Box hervorheben ----------
   (.sum-trust selbst bleibt in checkout.css unangetastet; hier nur der neue Modifier.) */
.sum-trust span.is-invoice {
  color: var(--text); font-weight: var(--fw-semibold);
}
.sum-trust span.is-invoice svg { color: var(--good); }