/* "Pay now" on the basket forms (Slice D, tasks/plan-2026-10-03-baskets-pay.md).
   Its own module, like the cart's: index.html links it once, and basket-pay.js
   is the only script that touches what it styles. */

/* Hidden until /api/config opens it. Author display rules (.field's grid, the
   well's) beat the hidden attribute, as they do for the list and the cart. */
[data-basket-pay][hidden],
[data-basket-pay-note][hidden],
.basket-pay__well[hidden] { display: none !important; }

/* The two ways to pay are sentences, not field labels, like the list's box. */
.form .basket-pay__way {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  font-family: var(--body);
  font-size: .82rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}
.form .basket-pay__way input {
  flex: 0 0 auto;
  width: auto;
  margin: .2rem 0 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}

/* PayPal's buttons are a third party's and take no styling from us: framed in a
   sunken well, never bled, as in the cart. */
.basket-pay__well { display: grid; gap: .6rem; padding: .75rem; font-family: var(--ui); font-size: .8rem; }

/* Send is e-transfer's. While paying now, PayPal's buttons take its place. */
.form[data-pay="now"] button[type="submit"] { display: none; }