/* Logotipos de reserva para pagamentos sem imagem no WooCommerce Checkout. */
/* Checkout Blocks: nao modificar os elementos React nem o estado do gateway. */
body.woocommerce-checkout:not(.woocommerce-order-received)
  .wc-block-checkout #payment-method
  .wc-block-components-radio-control__option[data-cvl-payment-logo] {
  background-repeat: no-repeat !important;
  background-position: right 14px top 12px !important;
  background-size: 96px 38px !important;
  padding-right: 118px !important;
  min-height: 62px;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
  .wc-block-checkout #payment-method
  .wc-block-components-radio-control__option[data-cvl-payment-logo="mbway"] {
  background-image: url("../images/payments/mbway.svg") !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
  .wc-block-checkout #payment-method
  .wc-block-components-radio-control__option[data-cvl-payment-logo="multibanco"] {
  background-image: url("../images/payments/multibanco.svg") !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received)
  .wc-block-checkout #payment-method
  .wc-block-components-radio-control__option[data-cvl-payment-logo="payshop"] {
  background-image: url("../images/payments/payshop.svg") !important;
}

/* Checkout classico: usa apenas quando o gateway nao fornece icon proprio. */
body.woocommerce-checkout:not(.woocommerce-order-received)
  #payment .cvl-checkout-payment-logo {
  display: inline-block;
  width: 96px;
  height: 38px;
  max-width: 96px;
  max-height: 38px;
  object-fit: contain;
  vertical-align: middle;
  margin-left: 10px;
}

@media (max-width: 480px) {
  body.woocommerce-checkout:not(.woocommerce-order-received)
    .wc-block-checkout #payment-method
    .wc-block-components-radio-control__option[data-cvl-payment-logo] {
    background-size: 76px 32px !important;
    background-position: right 8px top 12px !important;
    padding-right: 90px !important;
  }

  body.woocommerce-checkout:not(.woocommerce-order-received)
    #payment .cvl-checkout-payment-logo {
    width: 76px;
    height: 32px;
    max-width: 76px;
    max-height: 32px;
  }
}

/* Três meios manuais que estão efetivamente disponíveis no checkout Blocks. */
body.woocommerce-checkout:not(.woocommerce-order-received)
  .wc-block-checkout #payment-method
  .wc-block-components-radio-control__option[data-cvl-payment-logo="fatura-proforma"] {
  background-image: url("../images/payments/fatura-proforma.svg") !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received)
  .wc-block-checkout #payment-method
  .wc-block-components-radio-control__option[data-cvl-payment-logo="transferencia-bancaria"] {
  background-image: url("../images/payments/transferencia-bancaria.svg") !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received)
  .wc-block-checkout #payment-method
  .wc-block-components-radio-control__option[data-cvl-payment-logo="envio-a-cobranca"] {
  background-image: url("../images/payments/envio-a-cobranca.svg") !important;
}