/* Parcours entreprise simplifié (assets/js/parcours.js) */

/* Boutons de la carte produit : « Acheter » + petit bouton panier */
.p-buy { display: flex; gap: 8px; }
.p-buy .btn:first-child { flex: 1; }
.p-buy .btn:last-child { flex: 0 0 auto; padding-left: 12px; padding-right: 12px; }

/* Moyens de paiement en grille compacte */
.p-methods { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; }
.p-methods .method { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1.5px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--text); font: 600 13px inherit; cursor: pointer; text-align: left; }
.p-methods .method.on { border-color: #23848A; background: #F0F8F7; box-shadow: inset 0 0 0 1px #23848A; }
[data-theme="dark"] .p-methods .method.on { background: rgba(74,163,166,.14); }
.p-methods .mlogo { width: 28px; height: 28px; border-radius: 8px; flex: none; }

.p-line { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--primary-50); font-size: 13.5px; }
.p-three { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 14px; cursor: pointer; }
.p-three input { width: 18px; height: 18px; accent-color: #23848A; }
.p-three.off { opacity: .5; cursor: not-allowed; }

/* « À payer » sur l'accueil */
.p-pay-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; padding: 14px 18px 18px; }
.p-pay { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.card-head h3 { display: flex; align-items: center; gap: 8px; }

/* Confirmation */
.p-ok { width: 68px; height: 68px; margin: 4px auto 0; border-radius: 50%; display: grid; place-items: center; font-size: 34px; background: #DDF0EC; color: #23848A; }
.p-ok.wait { background: #FFF3DC; color: #E08A00; }
.p-sum { position: sticky; top: calc(var(--topbar-h) + 16px); }
@media (max-width: 1200px) { .p-sum { position: static; } }

/* Barre d'onglets : 4 icônes, pas de bouton « Plus » */
.tabbar [data-nav-more][hidden] { display: none !important; }

/* Moyen de paiement mémorisé : « Payer avec Wave · Changer » */
.p-chosen { background: var(--surface); border: 1.5px solid #23848A; }
.p-chosen .mlogo { width: 28px; height: 28px; border-radius: 8px; flex: none; }
.p-due .summary-row { padding: 6px 0; }
.mb-sm { margin-bottom: 8px; }