/*
 * Miva Merchant
 *
 * This file and the source codes contained herein are the property of
 * Miva, Inc.  Use of this file is restricted to the specific terms and
 * conditions in the License Agreement associated with this file.  Distribution
 * of this file or portions of this file for uses not covered by the License
 * Agreement is not allowed without a written agreement signed by an officer of
 * Miva, Inc.
 *
 * Copyright 1998-2017 Miva, Inc.  All rights reserved.
 * http://www.miva.com
 *
 */

[data-mm-applepay-button="Yes"]:hover
{
	cursor: pointer;
}

@supports ( -webkit-appearance: -apple-pay-button )
{ 
    .apple-pay-button
	{
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }

    .apple-pay-button-black
	{
        -apple-pay-button-style: black;
    }

    .apple-pay-button-white
	{
        -apple-pay-button-style: white;
    }
    
    .apple-pay-button-white-with-line
	{
        -apple-pay-button-style: white-outline;
    }

    .apple-pay-button-with-text
	{
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: buy;
    }
    
    .apple-pay-button-with-text > *
	{
        display: none;
    }
    
    .apple-pay-button-black-with-text
	{
        -apple-pay-button-style: black;
    }

    .apple-pay-button-white-with-text
	{
        -apple-pay-button-style: white;
    }

    .apple-pay-button-white-with-line-with-text
	{
        -apple-pay-button-style: white-outline;
    }
}

@supports not ( -webkit-appearance: -apple-pay-button )
{
    .apple-pay-button
	{
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
		margin: 3px;
    }

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

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

    .apple-pay-button-white-with-line
	{
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    } 

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

	.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(--scale));
		height: 100%;
		background-size: 100% 60%;
		background-repeat: no-repeat;
		background-position: 0 50%;
		margin-left: calc(2px * var(--apple-pay-scale));
		border: none;
	}
}