/**
 *                       ######
 *                       ######
 * ############    ####( ######  #####. ######  ############   ############
 * #############  #####( ######  #####. ######  #############  #############
 *        ######  #####( ######  #####. ######  #####  ######  #####  ######
 * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
 * ###### ######  #####( ######  #####. ######  #####          #####  ######
 * #############  #############  #############  #############  #####  ######
 *  ############   ############  #############   ############  #####  ######
 *                                      ######
 *                               #############
 *                               ############
 *
 * Adyen Payment module (https://www.adyen.com/)
 *
 * Copyright (c) 2015 Adyen BV (https://www.adyen.com/)
 * See LICENSE.txt for license details.
 *
 * Author: Adyen <magento@adyen.com>
 */

.checkout-payment-method .ccard .changable-card-expiry {
    display: none;
}

.checkout-payment-method .ccard .changable-card-expiry._active {
    display: block;
}

.checkout-payment-method .ccard .expire-update._disable {
    display: none;
}

.checkout-payment-method .ccard .holdername .input-text {
    width: 225px;
}

.checkout-payment-method .payment-method-title, .checkout-payment-method .payment-method-title label {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.checkout-payment-method .payment-method-title label img,
.checkout-payment-method .payment-method-title label div {
    padding-right: 10px;
}

.checkout-payment-method .payment-method-title label div.adyen-sprite {
    background: url(../images/logos/pm_gloss.png) no-repeat;
    background-position: 0 -272px;
    width: 65px;
    height: 42px;
    display: inline-block;
    margin-right: 10px;
}

.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_cc {
    background-position: 0 -272px;
}

.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_pos {
    background-position: 0 -1819px;
}

.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_sepa {
    background-position: 0 -1910px;
}

.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_hpp {
    background-position: 0 -272px;
}

.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_apple_pay {
    background: url(../images/logos/apple_pay.png) no-repeat;
    height: 43px;
}

.checkout-payment-method .input-text._has-datepicker {
    width: 20%;
    margin-right: 10px;
}

.apple-pay-button-with-text {
    --apple-pay-scale: 1.5625; /* (height / 32) */
    display: inline-flex;
    justify-content: center;
    font-size: 12px;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    /*min-width: 200px;*/
    width: 100%;
    min-height: 32px;
    max-height: 64px;
    margin-bottom: 10px;
    cursor: pointer;
}

.apple-pay-button-black-with-text {
    background-color: black;
    color: white;
}

.apple-pay-button-white-with-text {
    background-color: white;
    color: black;
}

.apple-pay-button-white-with-line-with-text {
    background-color: white;
    color: black;
    border: .5px solid black;
}

.apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
}

.apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
}

.apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
}

.apple-pay-button-with-text > .text {
    font-family: -apple-system;
    font-size: calc(1em * var(--apple-pay-scale));
    font-weight: 300;
    align-self: center;

    margin-right: calc(2px * var(--apple-pay-scale));
}

.apple-pay-button-with-text > .logo {
    width: calc(35px * var(--apple-pay-scale));
    height: 100%;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin: 0;
    border: none;
    min-width: 0px; /* override magento min-width */
    min-height: 42px; /* override magento min-height */
}

.credit-card-types {
    margin-top: 5px;
    margin-bottom: 10px;
}

.credit-card-types li {
    display: inline-block;
}

#payment_form_adyen_cc {
    background: rgba(0, 0, 0, 0.03);
    padding: 20px;
    margin: 30px auto;
}
#payment_form_adyen_cc legend {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}