/* TODO: When merging into WooCommerce Core, integrate these icons into the WooCommerce.ttf icon font */
@font-face {
	font-family: 'WCPay';
	src: url( '../fonts/WCPay.eot' );
	src: url( '../fonts/WCPay.eot?#iefix' ) format( 'embedded-opentype' ),
		url( '../fonts/WCPay.woff' ) format( 'woff' ),
		url( '../fonts/WCPay.ttf' ) format( 'truetype' ),
		url( '../fonts/WCPay.svg#WCPay' ) format( 'svg' );
	font-weight: normal;
	font-style: normal;
}
/* stylelint-disable selector-id-pattern */
#adminmenu
	#toplevel_page_wc-admin-path--payments-deposits
	.menu-icon-generic
	div.wp-menu-image::before,
#adminmenu
	#toplevel_page_wc-admin-path--payments-connect
	.menu-icon-generic
	div.wp-menu-image::before {
	font-family: 'WCPay' !important;
	content: '\e900';
	width: 24px;
	font-size: 24px;
	margin-top: -2px;
}
/* stylelint-enable selector-id-pattern */

.payment-method__brand {
	display: inline-block;
	height: 20px;
	height: 1.25rem;
	width: 32px;
	width: 2rem;
}

.payment-method__brand--amex {
	background: no-repeat url( '../images/cards/amex.svg' );
}

.payment-method__brand--diners {
	background: no-repeat url( '../images/cards/diners.svg' );
}

.payment-method__brand--discover {
	background: no-repeat url( '../images/cards/discover.svg' );
}

.payment-method__brand--jcb {
	background: no-repeat url( '../images/cards/jcb.svg' );
}

.payment-method__brand--mastercard {
	background: no-repeat url( '../images/cards/mastercard.svg' );
}

.payment-method__brand--unionpay {
	background: no-repeat url( '../images/cards/unionpay.svg' );
}

.payment-method__brand--visa {
	background: no-repeat url( '../images/cards/visa.svg' );
}

.payment-method__brand--unknown {
	background: no-repeat url( '../images/cards/unknown.svg' );
}
