/* RC3.69 — lot 2 : inscription simple jusqu'au paiement. « Formule choisie » (inscription, création du cercle),
   champs réservés aux professionnels, écran de paiement de la formule (/organisateur/payer.php).
   Couleurs : uniquement les variables d'atelier.css (redéfinies en mode sombre). */

/* « Formule choisie : Cercle+, 4,99 € TTC par mois — Changer » */
.mc-formule-choisie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 18px;
  padding:14px 16px;border:1px solid var(--foret);border-radius:var(--rayon-s);background:var(--foret-voile);color:var(--encre)}
.mc-formule-choisie p{margin:0!important;display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 220px;color:var(--encre)}
.mc-formule-choisie p span{font:700 12px/1.2 var(--font-texte);letter-spacing:.06em;text-transform:uppercase;color:var(--encre-douce)}
.mc-formule-choisie p strong{font:700 17px/1.3 var(--font-texte);color:var(--encre)}
.mc-formule-choisie p small{font:400 13px/1.4 var(--font-texte);color:var(--encre-douce)}
.mc-formule-choisie>a{flex:none;margin:0!important}
@media (max-width:560px){.mc-formule-choisie>a{width:100%;justify-content:center;text-align:center}}

/* Raison sociale et SIRET : affichés seulement quand « Professionnel » est choisi (navigateurs récents ; sinon toujours
   affichés, avec leur libellé « professionnel seulement »). */
.mc-cercle-form:not(:has(select[name=type] option[value="professional"]:checked)) .mc-cercle-pro{display:none}

/* Écran de paiement de la formule */
.mc-payer{max-width:720px}
.mc-payer-recap{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 18px;margin:0 0 16px;padding:0}
.mc-payer-recap dt{color:var(--encre-douce);font-weight:600}
.mc-payer-recap dd{margin:0;color:var(--encre);min-width:0;overflow-wrap:anywhere}
@media (max-width:560px){.mc-payer-recap{grid-template-columns:1fr;gap:2px}.mc-payer-recap dd{margin-bottom:10px}}
.mc-payer-lieu{margin:0 0 14px;border:1px solid var(--ligne);border-radius:var(--rayon-s);padding:10px 14px;background:var(--papier)}
.mc-payer-lieu summary{cursor:pointer;font-weight:600;color:var(--encre);min-height:32px;display:flex;align-items:center}
.mc-payer-lieu[open] summary{margin-bottom:8px}
.mc-payer .mc-abo-form{margin-top:4px}
.mc-payer .mc-abo-form .mc-btn{min-height:48px}