/*
 * Top black row (CMS block "top-header-gp"): let the trust items wrap onto a new line on small screens
 * (as on the live shop) instead of staying on one line that is cut off / scrolls sideways.
 * The CMS block wraps the items in "overflow-x-auto" + "min-w-max"; overridden here so no CMS edit is needed.
 */
.gp-topbar .overflow-x-auto {
    overflow-x: visible;
}

.gp-topbar .min-w-max {
    min-width: 0;
    flex-wrap: wrap;
    column-gap: 0.75rem;
}

.gp-topbar .min-w-max > div {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

/* Slightly smaller text below the lg breakpoint so the items fit in two compact rows, as on the live shop */
@media (max-width: 1023px) {
    .gp-topbar .min-w-max {
        font-size: 0.75rem;
        line-height: 1rem;
        column-gap: 0.5rem;
    }
}