/**
 *                       ######
 *                       ######
 * ############    ####( ######  #####. ######  ############   ############
 * #############  #####( ######  #####. ######  #############  #############
 *        ######  #####( ######  #####. ######  #####  ######  #####  ######
 * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
 * ###### ######  #####( ######  #####. ######  #####          #####  ######
 * #############  #############  #############  #############  #####  ######
 *  ############   ############  #############   ############  #####  ######
 *                                      ######
 *                               #############
 *                               ############
 *
 * 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;
}

.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_boleto {
    background-position: 0 -2092px;
}

.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 */
}




