/* v2.7.8 — payment selection and customer invoice information, kept consistent with site theme */
.wa-payment-select { border: 1px solid rgba(48,102,152,.17); padding: 14px; margin: 16px 0; border-radius: var(--wa-radius, 12px); display: grid; gap: 10px; min-width: 0; }
.wa-payment-select legend { padding: 0 7px; font-weight: 700; color: inherit; }
.wa-payment-option { display: flex; align-items: flex-start; gap: 12px; border: 1px solid rgba(48,102,152,.21); border-radius: 10px; padding: 13px 14px; cursor: pointer; background: rgba(125,170,210,.04); }
.wa-payment-option:has(input:checked) { border-color: #168bcb; background: rgba(20,149,214,.075); }
.wa-payment-option input[type="radio"] { flex: none; width: 17px; height: 17px; margin-top: 4px; accent-color: #148aca; }
.wa-payment-option span { display: flex; flex-direction: column; gap: 3px; }
.wa-payment-option small { color: #637b91; font-size: .84rem; }
.wa-customer-payments .wa-payment-summary { border-bottom: 1px solid rgba(70,110,140,.15); padding: 12px 0 17px; }
.wa-payment-summary h3 { margin: 0 0 9px; font-size: 1.05rem; }
.wa-payment-instructions { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.65; padding: 13px; margin: 0; border: 1px solid rgba(70,110,140,.17); border-radius: 9px; background: rgba(100,150,200,.055); color: inherit; }
.wa-iris-qr { display: block; max-width: 200px; max-height: 200px; object-fit: contain; margin: 10px 0 0; background: white; padding: 8px; border-radius: 6px; }
.wa-payment-admin { border-top: 1px solid rgba(70,110,140,.15); padding-top: 16px; margin-top: 15px; }
.wa-payment-admin h3 { margin: 12px 0 6px; font-size: 1.05rem; }
.wa-payment-admin label { margin-bottom: 8px; }
html[data-wa-admin-theme="dark"] .wa-payment-option, .admin-body.wa-theme-graphite .wa-payment-option { color: #e8f2ff; }
html[data-wa-admin-theme="dark"] .wa-payment-option small { color: #a6bcd0; }
@media(max-width:700px){ .wa-payment-option{padding:11px;} .wa-payment-instructions{font-size:.89rem;} }