/* Anahata pay panel.
   Used twice: on pay.html, the page a WhatsApp yes opens, and inside the booking wizard's
   pay step (W0-C2). Everything is scoped under .pay so the wizard's own styles are left
   alone; the palette repeats the confirmation sheet so the two read as one document. */

.pay{
  --pay-paper:#F7F2E8; --pay-shell:#FCF8F0; --pay-ink:#1B1712; --pay-ink-2:#6A6151; --pay-ink-3:#7E7461;
  --pay-brass-2:#CBA969; --pay-brass-ink:#805E22; --pay-line:#E2D6BF;
  --pay-serif:'Fraunces',Georgia,serif; --pay-sans:'Inter Tight',-apple-system,sans-serif;
  --pay-mono:ui-monospace,'SF Mono',Menlo,monospace;
  font-family:var(--pay-sans);color:var(--pay-ink);
}
.pay *{box-sizing:border-box}

.pay-card{background:var(--pay-shell);border:1px solid var(--pay-line);border-radius:14px;padding:clamp(20px,3vw,30px)}
.pay-ref{display:inline-block;font-family:var(--pay-mono);font-size:.92rem;letter-spacing:.12em;color:var(--pay-brass-ink);background:var(--pay-shell);border:1px solid var(--pay-brass-2);border-radius:10px;padding:10px 18px;margin:0 0 18px}
.pay-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--pay-line);font-size:.96rem}
.pay-row:last-child{border-bottom:0}
.pay-row span{color:var(--pay-ink-2)}
.pay-row b{font-weight:500;text-align:right}
.pay-total b{font-family:var(--pay-serif);font-size:1.25rem}
.pay-note{margin:18px 0 0;color:var(--pay-ink-2);font-size:.92rem;max-width:52ch}
.pay-note b{font-weight:500;color:var(--pay-ink)}
.pay-contact{margin:12px 0 0;font-size:.92rem}
.pay-contact a{color:var(--pay-brass-ink)}

.pay-btn{display:inline-block;font-family:var(--pay-sans);font-size:.95rem;font-weight:500;cursor:pointer;
  border-radius:100px;padding:14px 28px;border:1px solid #251E15;background:#251E15;color:#F6EFE1;margin-top:22px}
.pay-btn[disabled]{opacity:.5;cursor:default}
.pay-btn-quiet{background:transparent;color:var(--pay-ink);border-color:var(--pay-line)}

.pay-state{margin:0 0 6px;font-family:var(--pay-mono);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--pay-brass-ink)}
.pay-msg{margin:14px 0 0;color:var(--pay-ink-2);font-size:.95rem;max-width:52ch}
.pay-msg.is-bad{color:#8A3B2A}
.pay-element{margin-top:20px}
.pay-hidden{display:none}
.pay-sandbox{display:inline-block;margin-top:16px;padding:5px 12px;border:1px solid var(--pay-brass-2);border-radius:100px;
  font-family:var(--pay-mono);font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--pay-brass-ink)}