/* PayPal dual-payment chooser. Canonical copy.
   Flat-copy into a site root next to intake.css.
   Loaded alongside order-intake.js (M2) dual mode. No external requests.
   PayPal brand blue (#003087 / #0070BA) is used ONLY inside the PayPal panel. */

.payment-chooser { margin: 1rem 0; font-family: inherit; }
.chooser-fieldset { border: 0; margin: 0 0 0.75rem; padding: 0; }
.chooser-title { font-size: 1.05rem; font-weight: 700; margin: 0 0 0.6rem; padding: 0; }

.method-tabs { display: flex; gap: 0.75rem; }
.method-tab {
  flex: 1 1 0; position: relative; cursor: pointer;
  display: flex; flex-direction: column; align-items: flex-start; gap: 0.2rem;
  border: 2px solid #d9d4c7; border-radius: 12px; padding: 0.85rem 1rem;
  background: #fff; min-height: 88px;
}
.method-tab input[type="radio"] {
  position: absolute; top: 0.85rem; right: 0.85rem;
  width: 1.15rem; height: 1.15rem; margin: 0; cursor: pointer;
}
.method-tab:focus-within { outline: 2px solid #1c1c1a; outline-offset: 2px; }
.method-tab.is-selected { border-color: #1c1c1a; background: #faf8f2; }

.tab-main { font-size: 1.05rem; font-weight: 700; padding-right: 1.6rem; }
.tab-sub { font-size: 0.85rem; color: #6b6259; }

.badge {
  display: inline-block; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.08em;
  padding: 0.2rem 0.55rem; border-radius: 999px; margin-top: 0.35rem;
}
.badge-test { background: #1c1c1a; color: #fff; }
.badge-sandbox { background: #0070ba; color: #fff; }

.method-panel {
  border: 1px solid #d9d4c7; border-radius: 12px; padding: 1.1rem 1.1rem 1.25rem;
  background: #fff;
}
.method-panel[hidden] { display: none; }

/* --- Stripe panel (neutral site styling) --- */
.pp-stripe-anchor {
  display: block; text-align: center; text-decoration: none;
  font-weight: 700; font-size: 1.05rem; color: #fff; background: #1c1c1a;
  border-radius: 10px; padding: 0.9rem 1rem; min-height: 52px;
}
.pp-stripe-anchor:hover { background: #333; }
.pp-stripe-sub { display: block; font-size: 0.85rem; font-weight: 400; opacity: 0.85; margin-top: 0.2rem; }
.pp-test-note, .pp-sandbox-note { margin: 0.75rem 0 0; font-size: 0.85rem; color: #6b6259; line-height: 1.5; }

/* --- PayPal panel: brand blue lives only here --- */
.panel-paypal { border-color: #0070ba; }
.paypal-form { margin: 0; }
.paypal-btn {
  display: block; width: 100%; min-height: 52px; padding: 0.9rem 1rem;
  font-size: 1.05rem; font-weight: 700; font-family: inherit; cursor: pointer;
  border: 0; border-radius: 999px; background: #ffc439; color: #003087;
}
.paypal-btn:hover { background: #f5b93f; }
.paypal-btn .pp-brand { font-style: italic; }
.pp-sandbox-note strong { color: #003087; }

@media (max-width: 560px) {
  .method-tabs { flex-direction: column; }
}