/* Payment page (page-payment.php), ported from PaymentView.astro.
   Astro's component-scoped .methods/.method/.entities/.entity are renamed
   with a payment- prefix: this file is enqueued globally. */

.payment-methods { display: grid; gap: var(--space-6); margin-top: var(--space-6); }
@media (min-width: 960px) { .payment-methods { grid-template-columns: 1fr 1fr; } }
.payment-method { padding: var(--space-6); }
.payment-method h2 { font-size: 1.25rem; }

.payment-entities { display: grid; gap: var(--space-6); margin-top: var(--space-6); }
@media (min-width: 960px) { .payment-entities { grid-template-columns: 1fr 1fr; } }
.payment-entity { padding: var(--space-6); }
.payment-entity h3 { margin-bottom: var(--space-1); }
.payment-entity dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-1) var(--space-4);
  margin: var(--space-4) 0 0;
  font-size: 0.95rem;
}
.payment-entity dt { color: var(--c-ink-soft); }
.payment-entity dd { margin: 0; overflow-wrap: anywhere; }

/* Operational notice from the call centre (which browser the bank link works in). */
.payment-notice {
  background: var(--c-brand-tint);
  border-left: 4px solid var(--c-brand);
  border-radius: 6px;
  padding: var(--space-3) var(--space-4);
  font-weight: 600;
}