/* Repères communs au panier, à la livraison et au règlement WooCommerce. */
.parcours { margin-block: var(--espace-3); font-family: var(--police-corps); }
.parcours ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--espace-1); padding: 0; margin: 0; list-style: none; }
.parcours li { display: flex; align-items: center; gap: var(--espace-1); padding: var(--espace-2); border-bottom: 2px solid var(--creme-sombre); color: var(--texte-doux); font-size: var(--taille-s); }
.parcours li[aria-current="step"] { color: var(--bordeaux); border-color: var(--bordeaux); font-weight: 700; background: var(--blanc-chaud); }
.parcours li span { display: inline-grid; place-items: center; flex-shrink: 0; width: 28px; height: 28px; border: 1px solid currentColor; border-radius: 50%; }
.parcours a { color: var(--bordeaux); text-decoration: underline; display: inline-flex; align-items: center; min-height: 44px; }
.parcours a:focus-visible, [data-suite-achat] a:focus-visible { outline: 2px solid var(--bordeaux); outline-offset: 3px; }
.parcours__aide { font-size: var(--taille-s); color: var(--texte-doux); line-height: 1.6; margin-block: var(--espace-2); }
.parcours-paiement { padding: var(--espace-3) var(--marge-mobile) 0; max-width: var(--largeur-contenu); margin-inline: auto; }
.parcours-paiement h2 { font-family: var(--police-titre); color: var(--bordeaux); font-size: var(--taille-l); }
.parcours-paiement__liens { display: flex; flex-wrap: wrap; gap: var(--espace-2); }
.parcours-paiement__liens a { color: var(--bordeaux); min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; }
[data-suite-achat]:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espace-2); margin-block: var(--espace-2); }
[data-suite-achat] > a + a { color: var(--bordeaux); min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 560px) {
    .parcours li { flex-direction: column; justify-content: center; text-align: center; padding: var(--espace-1); gap: 4px; }
    .parcours li:not(:has(a)) { min-height: 88px; }
    .parcours ol { gap: 4px; }
}