/**
Não modifique este arquivo.
Se desejar fazer alterações visuais, faça isso em Aparência > Personalizar > CSS Adicional e reescreva a regra que deseja modificar.

Do not modify this file.
If you wish to make visual changes, do so in Appearance> Customize> Additional CSS and rewrite the rule you want to modify.
 */
.payment_method_rm-pagbank .ps-connect-buttons-container button.ps-button.active{
    filter: brightness(0.99); /* darkens the selected payment method */
	border: 1px solid #ccc;
}
li.payment_method_rm-pagbank label{
    /*display: flex;*/
}

li.payment_method_rm-pagbank label img{
    max-width: calc(50px + 6vw);
}

.wc_payment_method.payment_method_rm-pagbank-pix > label:nth-child(2) > img:nth-child(1),
.wc_payment_method.payment_method_rm-pagbank-cc > label:nth-child(2) > img:nth-child(1),
.wc_payment_method.payment_method_rm-pagbank-boleto > label:nth-child(2) > img:nth-child(1),
label[for="payment_method_rm-pagbank-cc"] > img:nth-child(1),
label[for="payment_method_rm-pagbank-pix"] > img:nth-child(1),
label[for="payment_method_rm-pagbank-boleto"] > img:nth-child(1),
label[for="payment_method_rm-pagbank-redirect"] > img:nth-child(1)
{
    max-height: 35px;
}

li.payment_method_rm-pagbank label img {
    width: 8rem;
}

.ps-connect-buttons-container{
	display: flex;
}

.payment_method_rm-pagbank .ps-connect-buttons-container button.ps-button{
	flex-grow: 1;
	border: 0;
	margin: 0 0.5rem;
	padding: 0.5rem;
	cursor: pointer;
	transition: filter 0.2s;
	background-color: unset;
	max-width: 5rem;
}
.ps-button svg {
	/*filter: contrast(0%);*/
}

.ps_connect_method .form-row-full{
	clear: both;
}

#ps-connect-payment-boleto, #ps-connect-payment-cc, #ps-connect-payment-pix, #wc-rm-pagbank-cc-form {
	border: 0;
}

/*#btn-pagseguro-cc, #btn-pagseguro-boleto, #btn-pagseguro-pix {*/
/*    background-color: unset;*/
/*}*/

/*region pagbank cc flags*/
#payment-method .rm-pagbank-cc .card-number-input.elo,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.elo{
    background-image: url('../images/credit-cards/elo.svg');
}

#payment-method .rm-pagbank-cc .card-number-input.hipercard,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.hipercard{
    background-image: url('../images/credit-cards/hipercard.svg');
}

#payment-method .rm-pagbank-cc .card-number-input.aura,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.aura{
    background-image: url('../images/credit-cards/aura.svg');
}
/*endregion*/

/*region credit card flags (for woocommerce checkout blocks)*/
.card-number-input {
    position: relative;
}
.card-number-input .card-brand-icon {
    position: absolute;
    right: 10px;
    bottom: 11px;
    color: dimgray;
}
/*endregion*/

/*region credit card flags (extracted from storefront theme /woocommerce.css for compatibility)*/
#payment-method .rm-pagbank-cc .card-number-input,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number {
    background-repeat: no-repeat;
    background-position: right .6180469716em center;
    background-size: 31px 20px;
    background-image: url(../images/credit-cards/unknown.svg)
}

#payment-method .rm-pagbank-cc .card-number-input.visa,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.visa {
    background-image: url(../images/credit-cards/visa.svg)
}

#payment-method .rm-pagbank-cc .card-number-input.mastercard,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.mastercard {
    background-image: url(../images/credit-cards/mastercard.svg)
}

#payment-method .rm-pagbank-cc .card-number-input.laser,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.laser {
    background-image: url(../images/credit-cards/laser.svg)
}

#payment-method .rm-pagbank-cc .card-number-input.dinersclub,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.dinersclub {
    background-image: url(../images/credit-cards/diners.svg)
}

#payment-method .rm-pagbank-cc .card-number-input.maestro,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.maestro {
    background-image: url(../images/credit-cards/maestro.svg)
}

#payment-method .rm-pagbank-cc .card-number-input.jcb,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.jcb {
    background-image: url(../images/credit-cards/jcb.svg)
}

#payment-method .rm-pagbank-cc .card-number-input.amex,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.amex {
    background-image: url(../images/credit-cards/amex.svg)
}

#payment-method .rm-pagbank-cc .card-number-input.discover,
#payment .payment_methods .payment_box .wc-credit-card-form-card-number.discover {
    background-image: url(../images/credit-cards/discover.svg)
}
/*endregion*/

.rm-pagbank-retry-select {
    margin: 0 auto 10px auto;
    padding: 10px;
    border: 2px solid #46ab83;
    border-radius: 5px;
    display: flex;
}
.rm-pagbank-retry-select .rm-pagbank-checkbox {
    margin-right: 8px;
}

.woocommerce-checkout #payment ul.payment_methods li.payment_method_rm-pagbank-cc img,
.woocommerce-checkout #payment ul.payment_methods li.payment_method_rm-pagbank-pix img,
.woocommerce-checkout #payment ul.payment_methods li.payment_method_rm-pagbank-boleto img,
.woocommerce-checkout #payment ul.payment_methods li.payment_method_rm-pagbank-redirect img {
    max-height: 24px;
}

