/* ─── Trust row (3 trust signals z dużymi ikonami) ─────
   Molecule używana w konsultacji. Core/columns z 3 kolumnami, każda
   zawiera core/image (ikona w kółku) + core/group (label + sub).

   Reużywalna.

   UWAGA: __icon nadal ma własne style bo używa wymiarów avatar.lg
   (64px) + akcent tint. Markup może być migrowany na
   .kordit-icon-chip.is-lg.is-accent-soft, ale obecny atom action
   na __icon zostaje dla backwards compat. */

.kordit-trust-row.wp-block-columns {
    gap: clamp(1.5rem, 3vw, 2.2rem);
    align-items: center;
    justify-content: flex-start;
    margin: 0;
}

.kordit-trust-row__item.wp-block-column {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--wp--preset--spacing--md);
    flex-basis: auto;
    flex-grow: 0;
}

.kordit-trust-row__icon.wp-block-image {
    width: var(--wp--custom--size--avatar--lg);
    height: var(--wp--custom--size--avatar--lg);
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--wp--custom--color--accent-2-tint-10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.kordit-trust-row__icon img {
    width: var(--wp--custom--size--icon--xl);
    height: var(--wp--custom--size--icon--xl);
    margin: 0;
    display: block;
}

.kordit-trust-row__txt.wp-block-group {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--xs);
    margin: 0;
    line-height: 1.3;
}

.kordit-trust-row__txt > * {
    margin: 0;
}

/* __label, __sub: typo z theme.json (na ciemnym tle musi być białe —
   to ustawia rodzic patternu lub theme.json `elements.button` style).
   Tu zostaje tylko line-height pattern-specific. */
.kordit-trust-row__label {
    line-height: 1.2;
    margin: 0;
}

.kordit-trust-row__sub {
    line-height: 1.35;
    margin: 0;
}

@media (max-width: 900px) {
    .kordit-trust-row.wp-block-columns {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .kordit-trust-row.wp-block-columns {
        flex-direction: column;
        align-items: flex-start;
    }
}