/**
 * ===============================================================================
 * TripTiles - Trust-Score / Provenance Badges
 * Setzt das vorhandene field_provenance + trust_score visuell um.
 * Developed by Toni Sciacca - mail@tonisciacca.com
 * ===============================================================================
 */

.trust-badge {
    display: inline-flex; align-items: center; gap: 4px;
    font-family: 'Outfit', sans-serif;
    font-size: 10px; font-weight: 700;
    letter-spacing: 0.3px;
    padding: 3px 7px;
    border-radius: 6px;
    line-height: 1;
    vertical-align: middle;
    background: rgba(148, 163, 184, 0.16);
    color: #475569;
    cursor: help;
    user-select: none;
}
.trust-badge [data-lucide] { width: 11px; height: 11px; }
.trust-badge.t-low  { background: rgba(245, 158, 11, 0.14); color: #b45309; }
.trust-badge.t-mid  { background: rgba(59, 130, 246, 0.14); color: #1d4ed8; }
.trust-badge.t-high { background: rgba(16, 185, 129, 0.14); color: #047857; }
.trust-badge.t-verified { background: var(--sh-pink-lt, rgba(255,56,92,0.1)); color: var(--sh-pink, #FF385C); }

.trust-badge-lg {
    font-size: 12px; padding: 5px 10px; border-radius: 8px; gap: 6px;
}
.trust-badge-lg [data-lucide] { width: 14px; height: 14px; }

/* Sources strip — z.B. unter POI/Route-Detail */
.prov-strip {
    display: flex; flex-wrap: wrap; gap: 6px;
    margin-top: 8px;
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
}
.prov-chip {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 8px; border-radius: 999px;
    background: var(--sh-bg, #f5f5f5);
    border: 1px solid var(--sh-border, #e8e8e8);
    color: var(--sh-text2, #6b6b6b);
}
.prov-chip [data-lucide] { width: 11px; height: 11px; }
.prov-chip.s-manual    { background: rgba(255,56,92,0.06); color: var(--sh-pink, #FF385C); border-color: rgba(255,56,92,0.2); }
.prov-chip.s-osm       { background: rgba(101, 163, 13, 0.08); color: #4d7c0f; border-color: rgba(101, 163, 13, 0.25); }
.prov-chip.s-wikidata  { background: rgba(99, 102, 241, 0.08); color: #4338ca; border-color: rgba(99, 102, 241, 0.25); }
.prov-chip.s-enrich    { background: rgba(168, 85, 247, 0.08); color: #7e22ce; border-color: rgba(168, 85, 247, 0.25); }
.prov-chip.s-pdf       { background: rgba(245, 158, 11, 0.08); color: #b45309; border-color: rgba(245, 158, 11, 0.25); }
.prov-chip.s-triptiles { background: var(--sh-pink-lt, rgba(255,56,92,0.08)); color: var(--sh-pink, #FF385C); border-color: rgba(255,56,92,0.25); }

/* Card-Overlay-Badge (oben rechts in Bento/Card) */
.trust-badge-overlay {
    position: absolute; top: 10px; right: 10px;
    background: rgba(15, 18, 22, 0.6);
    color: #fff;
    backdrop-filter: blur(6px);
    padding: 4px 8px; border-radius: 8px;
    font-size: 11px; font-weight: 600;
    display: inline-flex; align-items: center; gap: 4px;
    z-index: 5;
}
.trust-badge-overlay [data-lucide] { width: 12px; height: 12px; }
.trust-badge-overlay.t-high   { background: rgba(16, 185, 129, 0.78); }
.trust-badge-overlay.t-mid    { background: rgba(59, 130, 246, 0.72); }
.trust-badge-overlay.t-low    { background: rgba(245, 158, 11, 0.78); }