/*
 * trust-bar.css — Horizontal trust strip rendered above the site footer.
 *
 * MAS-008 compliance: only provably-true items may be visible.
 * Items with `real: false` in trust-bar-data.php are injected with
 * class="trust-bar-placeholder" and carry an inline style="display:none".
 * The rule below is a belt-and-braces guard so they cannot appear even if
 * the inline style is stripped by a minifier or HTML rewriter.
 *
 * DO NOT remove or weaken the .trust-bar-placeholder rule.
 */

/* ── Placeholder guard (DEMO-138) ────────────────────────────────────────── */

.trust-bar-placeholder {
    display: none !important;
}

/* ── Section wrapper ─────────────────────────────────────────────────────── */

.trust-bar {
    border-top:    1px solid var(--color-border);
    padding:       var(--space-8) 0;
    background:    var(--color-bg-elevated);
}

.trust-bar__inner {
    max-width:  1180px;
    margin:     0 auto;
    padding:    0 var(--space-6);
}

/* ── Section label ───────────────────────────────────────────────────────── */

.trust-bar__section-label {
    display:        block;
    font-size:      var(--text-xs);
    font-weight:    var(--font-semibold);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    color:          var(--color-text-muted);
    margin-bottom:  var(--space-3);
}

/* ── Three-column grid ───────────────────────────────────────────────────── */

.trust-bar__grid {
    display:               grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:                   var(--space-8);
    align-items:           start;
}

@media (max-width: 768px) {
    .trust-bar__grid {
        grid-template-columns: 1fr;
        gap:                   var(--space-6);
    }
}

/* ── Items row ───────────────────────────────────────────────────────────── */

.trust-bar__items {
    display:     flex;
    flex-wrap:   wrap;
    gap:         var(--space-2);
    align-items: center;
}

/* ── Logo item ───────────────────────────────────────────────────────────── */

.trust-bar__logo-item {
    display:       flex;
    align-items:   center;
    gap:           var(--space-2);
    padding:       var(--space-2) var(--space-3);
    background:    var(--color-bg-base);
    border:        1px solid var(--color-border);
    border-radius: var(--radius-md);
    transition:    border-color var(--transition-fast),
                   background   var(--transition-fast);
    cursor:        default;
}

.trust-bar__logo-item:hover {
    border-color: var(--color-border-brand);
    background:   var(--color-bg-overlay);
}

.trust-bar__logo-item img {
    width:       20px;
    height:      20px;
    object-fit:  contain;
    filter:      brightness(0) invert(1);
    opacity:     0.75;
    transition:  opacity var(--transition-fast);
    flex-shrink: 0;
}

[data-theme="light"] .trust-bar__logo-item img {
    filter:  brightness(0);
    opacity: 0.65;
}

.trust-bar__logo-item:hover img {
    opacity: 1;
}

.trust-bar__logo-item span {
    font-size:   var(--text-sm);
    font-weight: var(--font-medium);
    color:       var(--color-text-secondary);
    transition:  color var(--transition-fast);
}

.trust-bar__logo-item:hover span {
    color: var(--color-text-primary);
}

/* ── Text badge (no logo) ────────────────────────────────────────────────── */

.trust-bar__text-badge {
    display:       inline-flex;
    align-items:   center;
    gap:           var(--space-1-5, 0.375rem);
    padding:       var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-size:     var(--text-sm);
    font-weight:   var(--font-medium);
    color:         var(--color-text-secondary);
    background:    var(--color-bg-base);
    border:        1px solid var(--color-border);
    white-space:   nowrap;
}

/* In-progress badge — subdued amber tint; no green checkmark */
.trust-bar__text-badge--in-progress {
    border-color: rgba(245, 158, 11, 0.30);
    color:        var(--color-text-muted);
}

.trust-bar__text-badge--in-progress::before {
    content:     '';
    display:     inline-block;
    width:       7px;
    height:      7px;
    border-radius: 50%;
    background:  rgba(245, 158, 11, 0.70);
    flex-shrink: 0;
}

/* Generic text item (partners) */
.trust-bar__text-item {
    font-size:   var(--text-sm);
    color:       var(--color-text-muted);
    line-height: 1.5;
}

/* ── Dividers between columns on desktop ─────────────────────────────────── */

@media (min-width: 769px) {
    .trust-bar__col:not(:first-child) {
        border-left: 1px solid var(--color-border);
        padding-left: var(--space-8);
    }
}

/* ── Reduced-motion ──────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    .trust-bar__logo-item,
    .trust-bar__logo-item img,
    .trust-bar__logo-item span {
        transition: none;
    }
}

/* ── Responsive widths ───────────────────────────────────────────────────── */

/* 320 px — stack, full-width items */
@media (max-width: 375px) {
    .trust-bar__inner {
        padding: 0 var(--space-4);
    }

    .trust-bar__logo-item,
    .trust-bar__text-badge {
        width: 100%;
        justify-content: center;
    }
}

/* 768 px — already handled by grid single-column */

/* 1440 px — comfortable max-width, columns look natural at 1180 px cap */