.trust-bar-block,
.trust-bar-block *,
.trust-bar-block *::before,
.trust-bar-block *::after {
    box-sizing: border-box;
}

.trust-bar-block {
    min-width: 0;
}

/* =========================
   Visibility
   Desktop: 960px and above
   Mobile: 959px and below
========================= */

@media (min-width: 960px) {
    .trust-bar-block[data-visibility="mobile"] {
        display: none !important;
    }
}

@media (max-width: 959px) {
    .trust-bar-block[data-visibility="desktop"] {
        display: none !important;
    }
}

/* =========================
   Grid
========================= */

.trust-bar-block__grid {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--trust-bar-desktop-column-gap);
    row-gap: var(--trust-bar-desktop-row-gap);
    width: 100%;
    min-width: 0;
}

/* Desktop row alignment */

.trust-bar-block[data-desktop-align="left"] .trust-bar-block__grid {
    justify-content: flex-start;
}

.trust-bar-block[data-desktop-align="center"] .trust-bar-block__grid {
    justify-content: center;
}

.trust-bar-block[data-desktop-align="right"] .trust-bar-block__grid {
    justify-content: flex-end;
}

/* =========================
   Desktop columns
========================= */

.trust-bar-block__item {
    display: flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
}

.trust-bar-block[data-desktop-columns="1"] .trust-bar-block__item {
    flex: 0 0 100%;
}

.trust-bar-block[data-desktop-columns="2"] .trust-bar-block__item {
    flex: 0 0 calc((100% - var(--trust-bar-desktop-column-gap)) / 2);
}

.trust-bar-block[data-desktop-columns="3"] .trust-bar-block__item {
    flex: 0 0 calc((100% - var(--trust-bar-desktop-column-gap) - var(--trust-bar-desktop-column-gap)) / 3);
}

.trust-bar-block[data-desktop-columns="4"] .trust-bar-block__item {
    flex: 0 0 calc((100% - var(--trust-bar-desktop-column-gap) - var(--trust-bar-desktop-column-gap) - var(--trust-bar-desktop-column-gap)) / 4);
}

/* =========================
   Desktop item alignment
========================= */

.trust-bar-block[data-desktop-align="left"] .trust-bar-block__item {
    justify-content: flex-start;
}

.trust-bar-block[data-desktop-align="center"] .trust-bar-block__item {
    justify-content: center;
}

.trust-bar-block[data-desktop-align="right"] .trust-bar-block__item {
    justify-content: flex-end;
}

/* =========================
   Item inner content
========================= */

.trust-bar-block__item-inner {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--trust-bar-content-gap-desktop);

    width: fit-content;
    max-width: 100%;
    min-width: 0;

    color: rgb(var(--trust-bar-text-color));
    text-decoration: none;
}

.trust-bar-block__item-inner:hover {
    color: rgb(var(--trust-bar-text-color));
    text-decoration: none;
}

/* =========================
   Icon
========================= */

.trust-bar-block__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 var(--trust-bar-icon-width-desktop);

    width: var(--trust-bar-icon-width-desktop);
    height: var(--trust-bar-icon-width-desktop);
    max-width: var(--trust-bar-icon-width-desktop);

    line-height: 0;
}

.trust-bar-block__icon img,
.trust-bar-block__icon svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

/* =========================
   Text
========================= */

.trust-bar-block__text {
    display: block;
    min-width: 0;

    font-size: var(--trust-bar-font-size-desktop);
    line-height: 1.3;
    text-align: left;

    overflow-wrap: break-word;
}

/* =========================
   Mobile
========================= */

@media (max-width: 959px) {
    .trust-bar-block__grid {
        column-gap: var(--trust-bar-mobile-column-gap);
        row-gap: var(--trust-bar-mobile-row-gap);
    }

    /* Mobile always uses 2 columns */

    .trust-bar-block__item,
    .trust-bar-block[data-desktop-columns="1"] .trust-bar-block__item,
    .trust-bar-block[data-desktop-columns="2"] .trust-bar-block__item,
    .trust-bar-block[data-desktop-columns="3"] .trust-bar-block__item,
    .trust-bar-block[data-desktop-columns="4"] .trust-bar-block__item {
        flex: 0 0 calc((100% - var(--trust-bar-mobile-column-gap)) / 2);
    }

    /* Mobile row alignment */

    .trust-bar-block[data-mobile-align="left"] .trust-bar-block__grid {
        justify-content: flex-start;
    }

    .trust-bar-block[data-mobile-align="center"] .trust-bar-block__grid {
        justify-content: center;
    }

    .trust-bar-block[data-mobile-align="right"] .trust-bar-block__grid {
        justify-content: flex-end;
    }

    /* Mobile item alignment */

    .trust-bar-block[data-mobile-align="left"] .trust-bar-block__item {
        justify-content: flex-start;
    }

    .trust-bar-block[data-mobile-align="center"] .trust-bar-block__item {
        justify-content: center;
    }

    .trust-bar-block[data-mobile-align="right"] .trust-bar-block__item {
        justify-content: flex-end;
    }

    .trust-bar-block__item-inner {
        gap: var(--trust-bar-content-gap-mobile);
    }

    .trust-bar-block__icon {
        flex-basis: var(--trust-bar-icon-width-mobile);

        width: var(--trust-bar-icon-width-mobile);
        height: var(--trust-bar-icon-width-mobile);
        max-width: var(--trust-bar-icon-width-mobile);
    }

    .trust-bar-block__text {
        font-size: var(--trust-bar-font-size-mobile);
    }
}