/**
 * Checkout Pagamentos CSS - A Casa dos Gamers
 * 
 * Este arquivo contém os estilos para reordenação dos métodos de pagamento
 * no checkout do WooCommerce, organizando a ordem como:
 * 1º PIX
 * 2º Cartão de Crédito  
 * 3º Boleto
 */

/* ========================================
   REORDENAÇÃO DOS MÉTODOS DE PAGAMENTO
   ======================================== */

/*INVERTERRR BOLETO E PIX*/
/* Reordena os métodos de pagamento */
.wc_payment_methods {
  display: flex;
  flex-direction: column;
}

/* Pix - primeira posição */
.payment_method_pagamentos_para_woocommerce_com_appmax_pix {
  order: -999; /* Valor muito negativo para garantir que fique primeiro */
}

/* Cartão de Crédito - mantém na posição do meio */
.payment_method_pagamentos_para_woocommerce_com_appmax_credit_card {
  order: 0;
}

/* Boleto - última posição */
.payment_method_pagamentos_para_woocommerce_com_appmax_boleto {
  order: 999; /* Valor muito positivo para garantir que fique por último */
}

/* Garante que os elementos li sejam flex items */
.wc_payment_methods li {
  width: 100%;
}

/* Ajusta o wrapper dos métodos de pagamento */
.fc-payment-methods__wrapper {
  width: 100%;
}

/* Força a ordem dos elementos */
.wc_payment_methods {
  display: flex !important;
  flex-direction: column !important;
}