/* souscrire.css — ChoKInfO */

/* ══ Styles extraits des attributs inline ══ */
.so-note        { margin-top: 16px; font-size: .83rem; color: var(--text-muted); }
.so-link        { border-bottom: 1px solid var(--p-base); }
.so-logo-center { text-align: center; }

/* ── Sélecteurs Région / Fréquence (Stripe) ── */
.so-toggle {
  display: flex; gap: 10px; margin: 4px 0 18px;
}
.so-toggle label {
  flex: 1; text-align: center; padding: 10px 14px;
  border: 1.5px solid rgba(46,34,238,.3); border-radius: 6px;
  font-family: 'Oswald', sans-serif; font-size: .85rem; font-weight: 500;
  text-transform: uppercase; letter-spacing: .04em; color: #2e22ee;
  cursor: pointer; transition: background .25s, color .25s;
  user-select: none;
}
.so-toggle input { display: none; }
.so-toggle input:checked + label,
.so-toggle label.so-active {
  background: #2e22ee; color: #fff;
}

/* ── Aperçu Stripe (QR + tarif dynamique) ── */
.so-stripe-preview {
  display: flex; align-items: center; gap: 14px;
  background: #fff; border: 1.5px solid rgba(46,34,238,.15);
  border-radius: 8px; padding: 14px 16px; margin: 16px 0;
}
.so-stripe-preview img { width: 76px; border-radius: 6px; flex-shrink: 0; }
.so-stripe-preview .so-stripe-preview-text {
  font-size: .85rem; color: #666; line-height: 1.5;
}
.so-stripe-preview .so-stripe-preview-text strong { color: #2e22ee; }

.so-stripe-price {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  background: #2e22ee;
  padding: 3px 10px;
  border-radius: 5px;
  margin-top: 6px;
}