/* ============================================================
   11-woocommerce-payments.css
   Payment processor styling: PayPal, Square

   !important removed from Square rules — Bricks' cascade layers
   make later-loaded plain CSS win automatically. If any rules
   stop applying after a Square plugin update, re-add !important
   selectively.
   ============================================================ */

/* ------------------------------------------------------------
   PayPal
   ------------------------------------------------------------ */
.payment_method_ppcp-gateway,
.woocommerce-checkout-payment {
  background-color: inherit;
  color: var(--dm-dark);
  font-family: "Code", monospace;
}

/* ------------------------------------------------------------
   Square — credit card payment box wrapper
   The card input fields themselves render inside a Square
   iframe and cannot be styled via CSS (would require Square's
   JS API to customize iframe contents).
   ------------------------------------------------------------ */
.woocommerce-checkout  .payment_box.payment_method_square_credit_card {
  background-color: var(--dm-light-d-1);
  border: var(--dm-border-m) solid var(--dm-border);
  border-radius: 4px;
  padding: var(--dm-space-s);
  margin-top: var(--dm-space-2xs);
	
  /* Helper text above card form */
  & p {
    color: var(--dm-dark-l-1);
    margin-bottom: var(--dm-space-s);
  }

  /* Hide credit card brand icons row 
  & label img {
    display: none;
  } */
}