/* SHAROD checkout: card and bank transfer as two sections, like the donate page. */

/* Bank transfer has its own section below, so it leaves the card box. */
#payment .wc_payment_methods li.payment_method_bacs,
#payment .payment_box.payment_method_bacs{display:none!important}

.sharod-pay-h{font-size:20px;line-height:1.3;margin:28px 0 12px;font-weight:600}

.sharod-bank{margin-top:36px;padding-top:28px;border-top:1px solid #e6e6e6}
.sharod-bank .sharod-pay-h{margin-top:0}
.sharod-bank-sub{margin:0 0 16px;color:#6b6b6b;font-size:14px}
.sharod-bank-panel{border:1.5px dashed #f57c00;border-radius:12px;padding:24px 22px;background:#fffaf3}
.sharod-bank-panel dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0}
.sharod-bank-panel dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a6a60;align-self:center;font-weight:500}
.sharod-bank-panel dd{margin:0;font:500 17px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#3b1d2b;letter-spacing:.02em}
.sharod-bank-panel dd small{display:block;font:400 12px/1.4 Roboto,Arial,sans-serif;color:#7a6a60;letter-spacing:0}
.sharod-bank-panel ol{margin:20px 0 0;padding-left:20px;font-size:14px;line-height:1.6}
.sharod-bank-panel ol li+li{margin-top:6px}
.sharod-bank-panel .sharod-bank-go{display:block;margin-top:20px;width:100%;white-space:normal;cursor:pointer;
  background:#f57c00;color:#fff;border:0;border-radius:4px;padding:14px 18px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.sharod-bank-panel .sharod-bank-go:hover{background:#c2410c;color:#fff}
.sharod-bank-panel .sharod-bank-go:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
.sharod-bank-fine{margin:12px 0 0;font-size:12.5px;color:#7a6a60;text-align:center}
@media(max-width:430px){
  .sharod-bank-panel dl{grid-template-columns:1fr;gap:2px 0}
  .sharod-bank-panel dd{margin-bottom:8px}
}