/* Partner Logos */

.partner-logos {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

.partner-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--partner-logo-width, 68px);
    height: var(--partner-logo-height, 48px);
    background: var(--partner-logo-background, none );
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 6px;
    overflow: hidden;

    img {
        width: var(--partner-logo-size, 100%);
        height: auto;
        max-width: 100%;
    }


    --partner-logo-size: 100%;
    &[data-partner="postnl"] { --partner-logo-size: 50%; }
    &[data-partner="bpost"] { --partner-logo-size: 65%; }
    &[data-partner="dhl"] { --partner-logo-size: 90%; }

    &[data-partner="ideal"] { --partner-logo-size: 60%; }
    &[data-partner="visa"] { --partner-logo-size: 70%; }
    &[data-partner="mastercard"] { --partner-logo-size: 60%; }

    &[data-partner="paypal"] { --partner-logo-size: 80%; }
    &[data-partner="paypal-full"] { --partner-logo-size: 80%; }

    &[data-partner="applepay"] { --partner-logo-size: 65%; }
    &[data-partner="bancontact"] { --partner-logo-size: 100%; }
    &[data-partner="googlepay"] { --partner-logo-size: 75%; }
    &[data-partner="klarna"] { --partner-logo-size: 75%; }

    &[data-partner="rechnung"] { --partner-logo-size: 80%; }
    &[data-partner="sofort"] { --partner-logo-size: 80%; }
    &[data-partner="visa-mastercard"] { --partner-logo-size: 85%; }

}





/* Partner Variations */

.partner-logo.border,
.partner-logos.border .partner-logo {
    border: 1px solid var(--theme-shadow-border, #efefef);
}

.partner-logo.shadow,
.partner-logos.shadow .partner-logo {
    box-shadow: 0 4px 6px var(--theme-shadow-color, rgba(152, 152, 152, .125));
}