/* Page Roadmap : complète page-trader.css (même modèle que l'accueil) et la frise du plugin Yapuka Roadmap. */
.yw-roadmap .yrm-nodes, .yw-roadmap .yrm-node { list-style: none !important; }
.yw-roadmap .yrm-node::marker { content: none; }
.yw-roadmap .yrm-card { border-radius: var(--r, 24px); }

/* Mode d'emploi : le même symbole que dans la frise (trait + point), pour qu'on le reconnaisse tout de suite */
.yw-rm-legend { position: relative; }
.yw-rm-mark { position: absolute; top: 24px; right: 24px; width: 104px; height: 28px; --c: #5a49c9; }
.yw-rm-mark::before { content: ""; position: absolute; left: 0; right: 0; top: 12px; height: 4px; background: var(--c); }
.yw-rm-mark::after { content: ""; position: absolute; left: 50%; top: 3px; width: 22px; height: 22px; margin-left: -11px; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--c); background: #fff; }
.yw-rm-legend--done .yw-rm-mark { --c: #138a5e; }
.yw-rm-legend--done .yw-rm-mark::after { background: #138a5e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }
.yw-rm-legend--idea .yw-rm-mark { --c: #8d89a3; }
.yw-rm-legend--idea .yw-rm-mark::before { background: repeating-linear-gradient(90deg, var(--c) 0 10px, transparent 10px 20px); }
.yw-rm-legend--idea .yw-rm-mark::after { width: 19px; height: 19px; top: 4px; margin-left: -9.5px; border-radius: 4px; transform: rotate(45deg); }

/* Holder et Invest côte à côte : leurs frises passent en une colonne dans la moitié de largeur */
.yw-rm-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.yw-rm-product { min-width: 0; }
.yw-rm-product-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding-left: 14px; border-left: 4px solid var(--yw-acc, #8b5cf6); }
.yw-rm-product-head h3 { margin: 0; }
.yw-rm-product-head a { font-weight: 600; font-size: 14px; color: var(--yw-acc, #8b5cf6); white-space: nowrap; }
.yw-rm-product .yrm-period { grid-template-columns: 1fr; }
.yw-rm-product .yrm-label { grid-template-columns: auto 1fr; align-items: baseline; gap: 10px; }
.yw-rm-product .yrm-nodes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.yw-rm-product .yrm-node.yrm-first.yrm-last::before { display: none; }

/* Moins de vide entre « Comment nous avançons » et la carte finale */
.yw-roadmap #methode { padding-bottom: 0; }
.yw-roadmap #idee { padding-top: 32px; padding-bottom: 72px; }
.yw-roadmap .yw-rm-cta .btn { margin-top: 4px; }
.yw-roadmap section { scroll-margin-top: 90px; }

@media (max-width: 860px) {
  .yw-rm-duo { grid-template-columns: 1fr; }
  .yw-rm-product .yrm-nodes { grid-template-columns: 1fr; }
}

/* Phrases descriptives (sous le titre et sous chaque titre de section) : pleine largeur, sur une seule ligne quand la place le permet */
.yw-roadmap .yt-head, .yw-roadmap .yt-head .yt-lead { max-width: none; }
.yw-roadmap .yw-acc-hero .trader-hero-lead { max-width: none; }