/* Removed empty ruleset as it was not needed */
.paypal-shopping-cart-vault {
    width: auto !important;
}
#paypal-button-container{
    width: auto !important;
}

.cardfields-row-split {
    margin-top: 12px;
}

.cardfields-field {
    height: 32px;
}

@media screen and (max-width: 600px) {
    .paypal-checkout-vault {
        width: 100%;
    }

    .continue_button_vault,
    .back_button_vault,
    /* Marked by CtaColumns when a PayPal-rendered control is mounted in the block. The theme's
       col-xs-8 leaves about 200px on a phone, which a PayPal button overflows rather than shrinks
       into. Scoped to the marker so payment methods using the shop's own btn-block submit - which
       fits that column perfectly well - keep the layout the theme gave them. */
    .paypal-cta-full {
        width: 100%;
    }

    .continue_button_vault,
    .continue_button.paypal-cta-full {
        clear: both;
        margin-top: 10px;
    }
}

/* A saved PayPal account is described as "<e-mail> - <sentence>", and an e-mail is one unbroken
   token with no place a browser may break it by default. In a narrow payment column it therefore
   runs past the edge of its option box. These two properties change nothing for ordinary text -
   they only allow a break inside a word that would otherwise overflow. */
li[class*="gambio_hub-PayPal2Hub-paypal_saved_"],
.paypal-cart-saved-wallet {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* The "Jetzt zahlen mit" caption above a PayPal sub-method button.
   Out of the flow by default, so the container's top IS the button's top and the button keeps the
   back button's line - the effect the v5 loader got with a negative margin, but decided by the
   layout engine instead of by a measurement taken before the layout was final. */
#paypal-button-container,
#paypal-paylater-button-container {
    position: relative;
}

.paypal-continue-label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 3px);
}

@media screen and (max-width: 600px) {
    .paypal-continue-label {
        position: static;
    }
}