/* MonCercle RC3.61 — lot 3 « Acheteur qui revient ».
   Chargée après app-atelier.css (application) ou site.css (connexion, invitation). Uniquement les jetons Atelier
   (clair et sombre redéfinis par atelier.css) : aucune couleur en dur. */

/* « Rester connecté sur cet appareil » (connexion, application non connectée, invitation) */
.mc-rester{display:flex!important;align-items:flex-start;gap:12px;margin:14px 0!important;font:600 16px/1.35 var(--font-texte)!important;color:var(--encre);cursor:pointer}
.mc-rester input{flex:0 0 26px;width:26px!important;height:26px;min-height:0!important;margin:1px 0 0!important;padding:0!important;accent-color:var(--foret)}
.mc-rester small{display:block;margin-top:3px;font:400 14px/1.4 var(--font-texte);color:var(--encre-douce)}
.mc-invit-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin:18px 0 6px}

/* Application ouverte sans être connecté : la connexion d'abord */
.mc-app-connexion h1{font-size:clamp(25px,6.4vw,32px)!important;line-height:1.15}
.mc-app-login{display:grid;gap:4px;text-align:left;margin:14px 0 6px}
.mc-app-login label:not(.mc-rester){display:grid;gap:6px;font:600 15px/1.3 var(--font-texte);color:var(--encre)}
.mc-app-login input[type=email],.mc-app-login input[type=password]{min-height:50px;font-size:17px;border:1px solid var(--bordure-champ);border-radius:var(--rayon-champ);background:var(--papier);color:var(--encre);padding:10px 14px;width:100%}
.mc-app-login .btn{min-height:52px;font-size:17px;width:100%;margin-top:6px}
.mc-app-login-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:8px 0 14px;font-size:15px}
.mc-app-login-liens a{color:var(--foret)}
.mc-app-installer{margin-top:16px}
.mc-app-installer h2{font-size:21px!important;margin:0 0 6px}
@media (display-mode:standalone){[data-install-section]{display:none!important}}

/* Menu court : « Plus de choix » */
.app-menu-plus{border-top:1px solid var(--ligne);margin-top:4px;padding-top:4px}
.app-menu-plus>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px;border-radius:var(--rayon-champ);font:600 15px/1.3 var(--font-texte);color:var(--encre)}
.app-menu-plus>summary::-webkit-details-marker{display:none}
.app-menu-plus>summary::after{content:"+";font-size:22px;line-height:1;color:var(--foret)}
.app-menu-plus[open]>summary::after{content:"−"}
.app-menu-plus>summary:hover,.app-menu-plus>summary:focus-visible{background:var(--papier-creux)}
.app-menu-plus>.app-menu-links{padding-top:2px;padding-left:6px}

/* Statuts en minuscules lisibles */
.state.state-lisible{text-transform:none!important;letter-spacing:.01em!important;font:600 13px/1.3 var(--font-texte)!important}
.state.state-lisible.pending,.state.state-lisible.warn{color:var(--alerte)!important;background:transparent}

/* « Mes achats » regroupé par retrait */
.mc-retrait{border:1px solid var(--ligne);border-radius:var(--rayon-l);background:var(--papier);padding:16px;margin:0 0 16px;display:grid;gap:12px}
.mc-retrait--passe{border-color:var(--alerte)}
.mc-retrait__tete{display:flex;gap:12px;align-items:flex-start}
.mc-retrait__ico{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--foret-voile);color:var(--foret)}
.mc-retrait__tete>div{display:grid;gap:2px;min-width:0}
.mc-retrait__tete small{font:600 12px/1.2 var(--font-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--encre-douce)}
.mc-retrait__tete strong{font:600 21px/1.2 var(--font-titre);color:var(--encre)}
.mc-retrait__tete span{font-size:17px;color:var(--encre)}
.mc-retrait__tete span small{font:400 14px var(--font-texte);text-transform:none;letter-spacing:0}
.mc-retrait__alerte{margin:0;padding:10px 12px;border-radius:var(--rayon-s);background:var(--alerte-voile);color:var(--encre);font-size:15px}
.mc-retrait__lieu{display:grid;gap:3px;padding:12px;border-radius:var(--rayon-s);background:var(--papier-creux);color:var(--encre);font-size:16px;line-height:1.45}
.mc-retrait__lieu strong{font-size:14px;color:var(--encre-douce)}
.mc-retrait__lieu small{color:var(--encre-douce);font-size:14px}
.mc-retrait__articles{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mc-retrait__article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-top:1px solid var(--ligne)}
.mc-retrait__article:first-child{border-top:0}
.mc-retrait__article>img{width:64px;height:64px;object-fit:cover;border-radius:12px;background:var(--papier-creux)}
.mc-retrait__article>div{display:grid;gap:5px;min-width:0}
.mc-retrait__article:not(:has(img))>div{grid-column:1/-1}
.mc-retrait__titre{font-size:17px;line-height:1.3;overflow-wrap:anywhere;color:var(--encre)}
.mc-retrait__prix{font-size:16px;color:var(--encre)}
.mc-retrait__article small.muted{font-size:14px!important;line-height:1.4}
.mc-retrait__gestes{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.mc-retrait__gestes .btn{min-height:44px}
.mc-retrait__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;border-radius:var(--rayon-s);background:var(--foret-voile);color:var(--encre)}
.mc-retrait__total span{font-weight:600;font-size:16px}
.mc-retrait__total strong{font-size:22px;white-space:nowrap}
.mc-retrait__paiement{margin:0;font-size:16px;color:var(--encre)}
.mc-retrait__actions{display:flex;flex-wrap:wrap;gap:10px}
.mc-retrait__actions .btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;font-size:16px}
.mc-achats .purchase-list{display:grid;gap:0}
.mc-achats .purchase-card{margin-bottom:12px}
.mc-achats-budget-titre{margin:22px 0 8px;font-size:18px}
@media (max-width:560px){
  .mc-retrait{padding:14px}
  .mc-retrait__actions .btn{flex:1 1 100%;justify-content:center}
  .mc-retrait__gestes .btn{flex:1 1 auto;justify-content:center}
}

/* Conditions : l'essentiel en tête, texte complet dépliable, gros boutons */
.mc-cgu-resume{border:1px solid var(--ligne);border-radius:var(--rayon-l);background:var(--foret-voile);color:var(--encre);padding:16px 18px;margin:14px 0}
.mc-cgu-resume>strong{font:600 19px/1.3 var(--font-titre)}
.mc-cgu-resume ol{margin:10px 0 6px;padding-left:1.3rem;display:grid;gap:8px;font-size:17px;line-height:1.5}
.mc-cgu-resume .muted{font-size:14px!important;margin:4px 0 0}
.mc-cgu-complet{border:1px solid var(--ligne);border-radius:var(--rayon-champ);background:var(--papier);margin:12px 0}
.mc-cgu-complet>summary{cursor:pointer;min-height:52px;display:flex;align-items:center;padding:12px 16px;font:600 16px/1.35 var(--font-texte);color:var(--foret)}
.mc-cgu-complet>.terms-document{margin:0 12px 12px}
.terms-view .signature-head span{font-size:16px}
.terms-view .signature-head small{display:block;margin-top:4px;font-size:13px}
.terms-view .terms-check{display:flex!important;align-items:flex-start;gap:12px;font-size:16px!important;line-height:1.45}
.terms-view .terms-check input{flex:0 0 24px;width:24px!important;height:24px;min-height:0!important;margin:2px 0 0!important;accent-color:var(--foret)}
.terms-view .article-row .muted{font-size:15px!important;line-height:1.5}
.terms-view form .btn.buy,.terms-view>.btn.buy{min-height:54px;font-size:18px;padding:14px 26px}
@media (max-width:560px){.terms-view form .btn.buy,.terms-view>.btn.buy{width:100%}}

/* RC3.62 — lot 4 : vendeur professionnel (fiche du produit, fenêtre « J'achète ») */
.mc-pro-badge{display:inline-block;background:var(--aplat);color:var(--sur-aplat);border-radius:var(--pilule);padding:3px 11px;font:600 13px/1.35 var(--font-texte);letter-spacing:.01em}
.mc-pro-vendeur{border:1px solid var(--ligne);border-radius:var(--rayon-l);background:var(--papier);color:var(--encre);padding:14px 16px;margin:14px 0}
.mc-pro-vendeur__id{margin:10px 0 8px;line-height:1.45;overflow-wrap:anywhere}
.mc-pro-vendeur__droits{margin:0 0 8px;padding-left:1.2rem;display:grid;gap:6px;font-size:15px;line-height:1.45}
.mc-pro-vendeur__plus>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;list-style:none;font:600 15px/1.35 var(--font-texte);color:var(--foret)}
.mc-pro-vendeur__plus>summary::-webkit-details-marker{display:none}
.mc-pro-vendeur__plus>summary::after{content:"+";font-size:20px;line-height:1}
.mc-pro-vendeur__plus[open]>summary::after{content:"−"}
.mc-pro-vendeur__plus p{font-size:14px;line-height:1.5;margin:6px 0;color:var(--encre)}
.mc-pro-vendeur a{color:var(--foret);overflow-wrap:anywhere}
#mcPurchaseDialog .mc-pro-achat{overflow-wrap:anywhere}
#mcPurchaseDialog .mc-pro-badge{background:#1f4236;color:#fffdf8}
#mcPurchaseDialog .mc-pro-achat .mc-pro-vendeur__plus>summary,#mcPurchaseDialog .mc-pro-achat a{color:#1f4236}
#mcPurchaseDialog .mc-pro-achat .mc-pro-vendeur__plus p{color:#18231f}
/* RC3.73 — lot 2 : fenêtres « Confirmer mon achat » et d'annulation en mode sombre. Le fond clair forcé (RC3.19.16.1, app.css)
   gardait les textes du thème sombre : « Créneau de retrait » et « Annuler » devenaient presque invisibles. En sombre, la
   fenêtre prend les couleurs du thème (mode clair inchangé). */
html[data-theme="dark"] #mcPurchaseDialog,html[data-theme="dark"] #mcCancelDialog,html[data-theme="dark"] #mcPurchaseDialog .purchase-dialog-card,html[data-theme="dark"] #mcCancelDialog .purchase-dialog-card{background:var(--papier)!important;color:var(--encre)!important}
html[data-theme="dark"] #mcPurchaseDialog,html[data-theme="dark"] #mcCancelDialog{border-color:var(--ligne)}
html[data-theme="dark"] #mcPurchaseDialog label,html[data-theme="dark"] #mcCancelDialog label{color:var(--encre)}
html[data-theme="dark"] #mcPurchaseDialog .purchase-summary,html[data-theme="dark"] #mcCancelDialog .purchase-summary{background:var(--papier-creux)!important;color:var(--encre)!important}
html[data-theme="dark"] #mcPurchaseDialog .btn.soft,html[data-theme="dark"] #mcCancelDialog .btn.soft{background:var(--papier-creux);color:var(--encre)!important;border-color:var(--bordure-champ)}
html[data-theme="dark"] #mcPurchaseDialog [data-purchase-status],html[data-theme="dark"] #mcCancelDialog [data-cancel-status]{color:var(--danger)}
html[data-theme="dark"] #mcPurchaseDialog .mc-pro-badge{background:var(--aplat);color:var(--sur-aplat)}
html[data-theme="dark"] #mcPurchaseDialog .mc-pro-achat .mc-pro-vendeur__plus>summary,html[data-theme="dark"] #mcPurchaseDialog .mc-pro-achat a{color:var(--foret)}
html[data-theme="dark"] #mcPurchaseDialog .mc-pro-achat .mc-pro-vendeur__plus p{color:var(--encre)}