/* Keep every WooCommerce payment option on one clear row in RTL checkout. */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  align-items: center !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input.input-radio {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-items: center !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > .payment_box {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
    column-gap: 10px !important;
  }
}
