/* ==========================================================================
   MORTGAGE COMPLIANCE TRUST BAR STRIP
   ========================================================================== */

.trust-bar {
    /* 
     * CHANGED: We use fallback logic here. 
     * If an inline style background-color exists, PHP applies it. 
     * Otherwise, it defaults back to your theme's --fog variable.
     */
    background-color: var(--fog); 
    border-bottom: 1px solid var(--border);
    padding: 18px 0;
}

.trust-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}

.trust-item:not(:last-child) {
    border-right: 1px solid var(--border);
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    /* 
     * CHANGED: 'currentColor' forces the text to inherit whatever color 
     * value is being injected into the parent (.trust-bar) by ACF!
     */
    color: inherit; 
    padding: 6px 28px;
}

/* 
 * EXTRA CLEANUP: Removed the duplicate .trust-item block 
 * that was accidentally pasted twice here.
 */

.trust-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.trust-icon svg {
    display: block;
    width: 16px;
    height: 16px;
    /* Forces the SVG lines to match your changing text color automatically */
    stroke: currentColor; 
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Micro interaction bounce when cursor passes through layout elements */
.trust-item:hover .trust-icon svg {
    transform: scale(1.15) translateY(-1px);
}

/* ── TABLET AND MOBILE SCALE SYSTEM ENGINE RECONFIGURES ────────────────── */
@media (max-width: 1199px) {
    .trust-row {
        justify-content: center;
        gap: 24px 32px;
    }
    /* Clean up borders when items start breaking lines */
    .trust-item:not(:last-child) {
        border-right: none;
    }
}

@media (max-width: 767px) {
    .trust-bar {
        padding: 18px 0;
    }
    .trust-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Clean square two-column split layout */
        gap: 16px 12px;
    }
    .trust-item {
        justify-content: flex-start;
        font-size: 12.5px;
        white-space: normal; /* Permits text breaking on tiny glass widths safely */
        padding: 6px 0; /* Clear horizontal padding so things align nicely in a grid */
    }
}

@media (max-width: 479px) {
    .trust-row {
        grid-template-columns: 1fr; /* True vertical stack alignment on compact screens */
        gap: 12px;
    }
}