/**
 * Checkout styling for Pay with Qubic.
 *
 * Deliberately small. The checkout belongs to the merchant's theme, so this
 * settles only what WooCommerce leaves undefined - chiefly the size of our
 * own logo, which otherwise arrives at its natural size and dwarfs the
 * payment list. Everything is scoped to our own gateway, so a store with
 * several payment methods sees no change to the others.
 */

/* The logo beside the method name. The img already carries width/height
   attributes; this holds it in themes that set img { width: 100% }. */
.wc_payment_method.payment_method_qpay img.qpay-wc-icon,
.woocommerce-checkout .payment_method_qpay img.qpay-wc-icon {
  max-height: 28px;
  width: auto;
  float: none;
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
}

/* Keeps the method name and the logo on one line rather than letting a long
   name push the logo onto a row of its own. */
.wc_payment_method.payment_method_qpay label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.wc_payment_method.payment_method_qpay .payment_box p:last-child {
  margin-bottom: 0;
}