/* payer-fr.css — ChoKInfO */

/* ══ Styles extraits des attributs inline ══ */
.pf-page-top       { padding-top: 100px; }
.pf-paypal-img-wrap { text-align: center; margin: 16px 0; }
.pf-paypal-img     { width: 160px; margin: 0 auto; transition: transform .3s ease; }
.pf-bandeau-wrap   { margin-top: 20px; }
.pf-bandeau-img    { width: 100%; display: block; }

/* ── Sélecteur Stripe (forfaits mensuel/annuel) ── */
.pf-freq-toggle {
  display: flex; gap: 10px; margin: 4px 0 18px;
}
.pf-freq-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: .88rem; font-weight: 500;
  text-transform: uppercase; letter-spacing: .05em; color: #2e22ee;
  cursor: pointer; transition: background .25s, color .25s;
  user-select: none;
}
.pf-freq-toggle input { display: none; }
.pf-freq-toggle input:checked + label,
.pf-freq-toggle label.pf-active {
  background: #2e22ee; color: #fff;
}
.pf-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;
}
.pf-stripe-preview img { width: 76px; border-radius: 6px; flex-shrink: 0; }
.pf-stripe-preview .pf-stripe-preview-text {
  font-size: .85rem; color: #666; line-height: 1.5;
}
.pf-stripe-preview .pf-stripe-preview-text strong { color: #2e22ee; }

/* ── Prix dynamique du forfait sélectionné ── */
.pf-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;
}

/* ── Paiement libre EUR / CFP ── */
.pf-stripe-grid {
  display: flex; flex-direction: column; align-items: center; gap: 14px;
  margin: 20px 0; text-align: center;
}
.pf-stripe-qr { width: 150px; border-radius: 8px; }

/* ── Lien croisé FR ⇄ NC ── */
.pf-cross-link {
  text-align: center; font-size: .85rem; color: #666; margin-top: 10px;
}
.pf-cross-link a { color: #2e22ee; border-bottom: 1px solid #2e22ee; }