.mpcash-formation{
    max-width:1100px;
    margin:35px auto;
    padding:0 20px;
    font-family:Arial,sans-serif;
    color:#102a43;
}

.mpcash-formation-hero{
    padding:45px 35px;
    text-align:center;
    background:linear-gradient(135deg,#eefbf3,#f4f8ff);
    border-radius:24px;
    margin-bottom:35px;
}

.mpcash-formation-badge{
    display:inline-block;
    padding:8px 16px;
    background:#dff5e6;
    color:#15803d;
    border-radius:30px;
    font-size:14px;
    font-weight:800;
    margin-bottom:15px;
}

.mpcash-formation-hero h1{
    margin:0 0 16px;
    color:#12345b;
    font-size:38px;
    line-height:1.2;
}

.mpcash-formation-hero h1 span{
    color:#159447;
}

.mpcash-formation-hero p{
    max-width:780px;
    margin:0 auto 22px;
    font-size:18px;
    line-height:1.6;
    color:#475569;
}

.mpcash-formation-objective{
    display:inline-flex;
    flex-direction:column;
    gap:4px;
    padding:14px 22px;
    background:#fff;
    border:1px solid #dce6ef;
    border-radius:14px;
}

.mpcash-formation-objective strong{
    color:#12345b;
}

.mpcash-formation-objective span{
    color:#159447;
    font-weight:700;
}

.mpcash-formation-path-head{
    text-align:center;
    margin-bottom:28px;
}

.mpcash-formation-path-head h2{
    margin-bottom:8px;
    color:#12345b;
    font-size:30px;
}

.mpcash-formation-path-head p{
    margin:0;
    color:#64748b;
    font-size:17px;
}

.mpcash-formation-levels{
    display:grid;
    gap:18px;
}

.mpcash-formation-level{
    display:grid;
    grid-template-columns:64px 56px 1fr auto;
    gap:18px;
    align-items:center;
    padding:22px;
    background:#fff;
    border:1px solid #dce6ef;
    border-radius:18px;
    box-shadow:0 5px 20px rgba(15,39,71,.06);
}

.mpcash-formation-level-number{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#159447;
    color:#fff;
    font-size:20px;
    font-weight:800;
}

.mpcash-formation-level-icon{
    font-size:30px;
    text-align:center;
}

.mpcash-formation-level-label{
    color:#159447;
    font-size:12px;
    font-weight:800;
    letter-spacing:.8px;
    margin-bottom:4px;
}

.mpcash-formation-level-content h3{
    margin:0 0 6px;
    color:#12345b;
    font-size:21px;
}

.mpcash-formation-level-content p{
    margin:0;
    color:#475569;
    line-height:1.55;
}

.mpcash-formation-level-action{
    min-width:170px;
    text-align:right;
}

.mpcash-formation-level-btn{
    display:inline-block;
    padding:12px 18px;
    background:#159447;
    color:#fff !important;
    text-decoration:none;
    border-radius:10px;
    font-size:13px;
    font-weight:800;
}

.mpcash-formation-level-building{
    display:inline-block;
    padding:10px 14px;
    background:#f1f5f9;
    color:#64748b;
    border-radius:10px;
    font-size:12px;
    font-weight:800;
}

.mpcash-formation-future{
    margin-top:35px;
    padding:28px;
    display:flex;
    gap:18px;
    align-items:flex-start;
    background:#12345b;
    color:#fff;
    border-radius:20px;
}

.mpcash-formation-future-icon{
    font-size:34px;
}

.mpcash-formation-future h2{
    margin:0 0 8px;
    color:#fff;
}

.mpcash-formation-future p{
    margin:0;
    line-height:1.6;
    color:#eef4f8;
}

@media(max-width:800px){

    .mpcash-formation{
        padding:0 12px;
    }

    .mpcash-formation-hero{
        padding:32px 20px;
    }

    .mpcash-formation-hero h1{
        font-size:30px;
    }

    .mpcash-formation-level{
        grid-template-columns:52px 42px 1fr;
    }

    .mpcash-formation-level-action{
        grid-column:1 / -1;
        text-align:center;
    }

    .mpcash-formation-level-btn,
    .mpcash-formation-level-building{
        width:100%;
        box-sizing:border-box;
        text-align:center;
    }
}

/* ==========================================================
   MPCASH OPERATEUR — PARCOURS LUDIQUE / MISSIONS
   ========================================================== */

.mpcash-formation-progress-box{
    max-width:880px;
    margin:0 auto 32px;
    padding:22px 26px;
    background:linear-gradient(135deg,#123b67,#174e78);
    color:#fff;
    border-radius:20px;
    box-shadow:0 10px 28px rgba(18,59,103,.16);
}

.mpcash-formation-progress-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.mpcash-formation-progress-label{
    display:block;
    margin-bottom:4px;
    color:#9ee5b6;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
}

.mpcash-formation-progress-top strong{
    display:block;
    color:#fff;
    font-size:18px;
}

.mpcash-formation-progress-percent{
    min-width:70px;
    text-align:center;
    padding:9px 12px;
    background:rgba(255,255,255,.12);
    border-radius:14px;
    color:#fff;
    font-size:21px;
    font-weight:800;
}

.mpcash-formation-progress-track{
    height:10px;
    margin:18px 0 12px;
    overflow:hidden;
    background:rgba(255,255,255,.16);
    border-radius:30px;
}

.mpcash-formation-progress-bar{
    height:100%;
    min-width:0;
    background:#4ade80;
    border-radius:30px;
    transition:width .5s ease;
}

.mpcash-formation-progress-message{
    text-align:center;
    color:#eaf7ef;
    font-size:14px;
    font-weight:700;
}


/* ----------------------------
   CARTE : MISSION ACTUELLE
   ---------------------------- */

.mpcash-formation-level.is-current{
    position:relative;
    border:2px solid #27b45b;
    background:linear-gradient(135deg,#f1fcf5,#ffffff);
    box-shadow:
        0 10px 30px rgba(21,148,71,.14),
        0 0 0 4px rgba(21,148,71,.05);
    transform:scale(1.01);
}

.mpcash-formation-level.is-current::before{
    content:"🎯 MA MISSION ACTUELLE";
    position:absolute;
    top:-14px;
    left:22px;
    padding:6px 13px;
    background:#159447;
    color:#fff;
    border-radius:20px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.5px;
}

.mpcash-formation-level.is-current
.mpcash-formation-level-number{
    box-shadow:0 0 0 6px rgba(21,148,71,.11);
}


/* ----------------------------
   CARTE : TERMINÉE
   ---------------------------- */

.mpcash-formation-level.is-completed{
    border-color:#a9dfba;
    background:#f4fbf6;
}

.mpcash-formation-level.is-completed
.mpcash-formation-level-number{
    background:#168542;
}

.mpcash-formation-level-done{
    display:inline-block;
    padding:9px 14px;
    background:#def5e6;
    color:#137d3d;
    border-radius:20px;
    font-size:12px;
    font-weight:800;
}

.mpcash-formation-level-review{
    display:block;
    margin-top:7px;
    color:#587086 !important;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}


/* ----------------------------
   CARTE : VERROUILLÉE
   ---------------------------- */

.mpcash-formation-level.is-locked{
    background:#fafbfc;
    border-color:#e7edf2;
    box-shadow:none;
}

.mpcash-formation-level.is-locked
.mpcash-formation-level-number{
    background:#a8b5c1;
}

.mpcash-formation-level.is-locked
.mpcash-formation-level-icon{
    filter:grayscale(1);
    opacity:.55;
}

.mpcash-formation-level.is-locked
.mpcash-formation-level-content{
    opacity:.65;
}

.mpcash-formation-level-locked{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    background:#eef2f5;
    color:#6b7c8d;
    border-radius:12px;
    font-size:12px;
    font-weight:800;
}


/* ----------------------------
   BOUTON MISSION
   ---------------------------- */

.mpcash-formation-level.is-current
.mpcash-formation-level-btn{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 21px;
    background:#159447;
    border-radius:13px;
    box-shadow:0 7px 18px rgba(21,148,71,.20);
    transition:
        transform .12s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.mpcash-formation-level.is-current
.mpcash-formation-level-btn:hover{
    background:#117f3c;
    box-shadow:0 9px 22px rgba(21,148,71,.25);
    transform:translateY(-2px);
}

.mpcash-formation-level.is-current
.mpcash-formation-level-btn:active{
    transform:scale(.98);
}


/* ----------------------------
   PETIT EFFET DE PROGRESSION
   ---------------------------- */

.mpcash-formation-level{
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.mpcash-formation-level:not(.is-locked):hover{
    transform:translateY(-2px);
    box-shadow:0 9px 24px rgba(15,39,71,.10);
}


/* ----------------------------
   MOBILE
   ---------------------------- */

@media(max-width:800px){

    .mpcash-formation-progress-box{
        padding:18px;
    }

    .mpcash-formation-progress-top{
        align-items:flex-start;
    }

    .mpcash-formation-progress-top strong{
        font-size:16px;
    }

    .mpcash-formation-progress-percent{
        min-width:62px;
        font-size:19px;
    }

    .mpcash-formation-level.is-current{
        margin-top:12px;
        transform:none;
    }

    .mpcash-formation-level.is-current::before{
        left:16px;
        top:-13px;
    }

    .mpcash-formation-level-action{
        width:100%;
    }

    .mpcash-formation-level.is-current
    .mpcash-formation-level-btn{
        width:100%;
        box-sizing:border-box;
    }
}


/* ==========================================================
   MPCASH OPERATEUR — OUTILS DIGITAUX PAR MISSION
   ========================================================== */

.mpcash-formation-tools{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:13px;
}

.mpcash-formation-tool{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 11px;
    background:#f2f7fb;
    border:1px solid #dce7ef;
    border-radius:20px;
    color:#36556f;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
}

.mpcash-formation-level.is-current
.mpcash-formation-tool{
    background:#e8f8ee;
    border-color:#bce7ca;
    color:#137d3d;
}

.mpcash-formation-level.is-completed
.mpcash-formation-tool{
    background:#edf8f1;
    border-color:#ccebd6;
}

.mpcash-formation-level.is-locked
.mpcash-formation-tool{
    background:#f3f5f7;
    border-color:#e5e9ed;
    color:#8a98a5;
}

@media(max-width:800px){

    .mpcash-formation-tools{
        gap:6px;
    }

    .mpcash-formation-tool{
        font-size:11px;
        padding:6px 9px;
    }
}



/* ============================================================
   MPCASH OPERATEUR — VISION PROFESSIONNELLE FORMATION
   ============================================================ */

.mpcash-formation-vision{
    margin:32px 0;
    padding:32px;
    border-radius:24px;
    background:linear-gradient(135deg,#f4fff8 0%,#f4f8ff 100%);
    border:1px solid #dcebe4;
}

.mpcash-formation-vision-head{
    max-width:900px;
    margin:0 auto 28px;
    text-align:center;
}

.mpcash-formation-vision-kicker{
    display:inline-block;
    margin-bottom:12px;
    padding:8px 14px;
    border-radius:999px;
    background:#159447;
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:.4px;
}

.mpcash-formation-vision-head h2{
    margin:0 0 14px;
    color:#12345b;
    font-size:30px;
    line-height:1.25;
}

.mpcash-formation-vision-head p{
    margin:0;
    font-size:17px;
    line-height:1.7;
}

.mpcash-formation-vision-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin:26px 0;
}

.mpcash-formation-vision-card{
    padding:22px;
    background:#fff;
    border-radius:18px;
    box-shadow:0 8px 24px rgba(18,52,91,.08);
}

.mpcash-formation-vision-card-icon{
    font-size:28px;
    margin-bottom:8px;
}

.mpcash-formation-vision-card h3{
    margin:0 0 8px;
    color:#12345b;
    font-size:18px;
}

.mpcash-formation-vision-card p{
    margin:0;
    line-height:1.65;
}

.mpcash-formation-roadmap{
    padding:22px;
    margin:24px 0;
    border-radius:18px;
    background:#12345b;
    color:#fff;
    text-align:center;
}

.mpcash-formation-roadmap strong{
    display:block;
    margin-bottom:10px;
    font-size:18px;
}

.mpcash-formation-roadmap span{
    line-height:1.8;
    font-weight:600;
}

.mpcash-formation-employment{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:24px;
    margin-top:22px;
    border-radius:18px;
    background:#fff;
    border-left:5px solid #159447;
}

.mpcash-formation-employment-icon{
    font-size:34px;
    flex:0 0 auto;
}

.mpcash-formation-employment h3{
    margin:0 0 10px;
    color:#12345b;
}

.mpcash-formation-employment p{
    margin:0 0 10px;
    line-height:1.65;
}

.mpcash-formation-employment strong{
    color:#159447;
}

.mpcash-formation-goal-reminder{
    margin-top:22px;
    padding:18px 20px;
    border-radius:16px;
    background:#eaf8ef;
    color:#12345b;
    line-height:1.6;
}

.mpcash-formation-next{
    margin-top:32px;
    padding:32px;
    border-radius:24px;
    background:linear-gradient(135deg,#12345b 0%,#173f6b 100%);
    color:#fff;
    text-align:center;
}

.mpcash-formation-next-badge{
    display:inline-block;
    margin-bottom:14px;
    padding:8px 14px;
    border-radius:999px;
    background:#159447;
    color:#fff;
    font-weight:800;
    font-size:13px;
}

.mpcash-formation-next h2{
    color:#fff;
    margin:0 0 14px;
}

.mpcash-formation-next > p{
    max-width:900px;
    margin:0 auto 12px;
    line-height:1.65;
}

.mpcash-formation-diploma{
    display:flex;
    gap:18px;
    align-items:flex-start;
    max-width:950px;
    margin:26px auto;
    padding:22px;
    border-radius:18px;
    background:#fff;
    color:#1d2b3a;
    text-align:left;
}

.mpcash-formation-diploma-icon{
    font-size:38px;
    flex:0 0 auto;
}

.mpcash-formation-diploma h3{
    margin:0 0 10px;
    color:#12345b;
}

.mpcash-formation-diploma p{
    margin:0 0 10px;
    line-height:1.65;
}

.mpcash-formation-ready{
    max-width:900px;
    margin:26px auto 0;
    padding-top:8px;
}

.mpcash-formation-ready h2{
    margin-bottom:10px;
}

.mpcash-formation-ready p{
    margin:0 auto 20px;
    line-height:1.65;
}

.mpcash-formation-next-btn{
    display:inline-block;
    padding:15px 22px;
    border-radius:999px;
    background:#159447;
    color:#fff !important;
    font-weight:800;
    text-decoration:none !important;
    transition:.2s ease;
}

.mpcash-formation-next-btn:hover{
    transform:translateY(-1px);
}

.mpcash-formation-next-btn.is-disabled{
    opacity:.85;
    cursor:default;
}

@media (max-width:700px){

    .mpcash-formation-vision{
        padding:22px 16px;
    }

    .mpcash-formation-vision-head h2{
        font-size:24px;
    }

    .mpcash-formation-vision-grid{
        grid-template-columns:1fr;
    }

    .mpcash-formation-employment,
    .mpcash-formation-diploma{
        flex-direction:column;
    }

    .mpcash-formation-next{
        padding:24px 16px;
    }

    .mpcash-formation-next-btn{
        width:100%;
        box-sizing:border-box;
    }
}

/* ============================================================
   FORMATION — ORDRE ET CARTES VISION V2
   ============================================================ */

.mpcash-formation-progress-section{
    max-width:1180px;
    margin:28px auto 30px;
}

.mpcash-formation-progress-section
.mpcash-formation-progress-box{
    margin:0;
}

.mpcash-formation-vision{
    max-width:1180px;
    margin:0 auto 34px;
    padding:34px;
    box-sizing:border-box;
    border-radius:24px;
    background:linear-gradient(135deg,#f3fff7 0%,#f4f8ff 100%);
    border:1px solid #d9ebe1;
}

.mpcash-formation-vision-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px !important;
    margin:28px 0 !important;
}

.mpcash-formation-vision-card{
    display:block;
    padding:24px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid #e2e9ef;
    box-shadow:0 8px 24px rgba(18,52,91,.08) !important;
}

.mpcash-formation-vision-card-icon{
    display:block;
    margin-bottom:10px;
    font-size:30px;
}

.mpcash-formation-vision-card h3{
    margin:0 0 10px !important;
    color:#12345b !important;
    font-size:19px !important;
}

.mpcash-formation-vision-card p{
    margin:0 !important;
    line-height:1.7 !important;
}

.mpcash-formation-roadmap{
    display:block;
    margin:26px 0 !important;
    padding:24px !important;
    border-radius:18px !important;
    background:#12345b !important;
    color:#fff !important;
    text-align:center;
}

.mpcash-formation-roadmap strong{
    display:block;
    color:#fff !important;
    margin-bottom:12px;
}

.mpcash-formation-roadmap span{
    display:block;
    color:#fff !important;
}

.mpcash-formation-employment{
    display:flex !important;
    gap:20px;
    padding:26px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid #e2e9ef;
    border-left:5px solid #159447 !important;
    box-shadow:0 8px 24px rgba(18,52,91,.06);
}

.mpcash-formation-goal-reminder{
    display:block;
    margin-top:22px !important;
    padding:19px 22px !important;
    border-radius:16px !important;
    background:#e8f8ee !important;
    border:1px solid #ccebd7;
}

@media (max-width:700px){

    .mpcash-formation-progress-section{
        margin:20px 12px 24px;
    }

    .mpcash-formation-vision{
        margin-left:12px;
        margin-right:12px;
        padding:22px 16px;
    }

    .mpcash-formation-vision-grid{
        grid-template-columns:1fr !important;
    }

    .mpcash-formation-employment{
        flex-direction:column;
    }
}
/* ============================================================
   FORMATION — HIERARCHIE VISUELLE FINALE
   ============================================================ */

/* Le dernier bloc : Progressez et devenez prioritaire */
.mpcash-formation-vision-grid
.mpcash-formation-vision-card:last-child{
    grid-column:1 / -1 !important;
}

/* Présentation plus équilibrée du dernier bloc */
.mpcash-formation-vision-grid
.mpcash-formation-vision-card:last-child{
    text-align:left;
    min-height:auto;
}

/* Mobile : une seule colonne normale */
@media (max-width:700px){
    .mpcash-formation-vision-grid
    .mpcash-formation-vision-card:last-child{
        grid-column:auto !important;
    }
}


/* ============================================================
   FORMATION — DISPOSITION FINALE DES CARTES
   1 Formation      : pleine largeur
   2 Avantages      : pleine largeur
   3 Missions       : demi-largeur
   4 Badges         : demi-largeur
   5 Priorité       : pleine largeur
   ============================================================ */

.mpcash-formation-vision-grid
.mpcash-formation-vision-card:nth-child(1){
    grid-column:1 / -1 !important;
}

.mpcash-formation-vision-grid
.mpcash-formation-vision-card:nth-child(2){
    grid-column:1 / -1 !important;
    min-height:auto !important;
}

.mpcash-formation-vision-grid
.mpcash-formation-vision-card:nth-child(3){
    grid-column:auto !important;
}

.mpcash-formation-vision-grid
.mpcash-formation-vision-card:nth-child(4){
    grid-column:auto !important;
}

.mpcash-formation-vision-grid
.mpcash-formation-vision-card:nth-child(5){
    grid-column:1 / -1 !important;
    min-height:auto !important;
}

.mpcash-formation-benefits-list{
    columns:2;
    column-gap:42px;
    margin-top:18px !important;
}

.mpcash-formation-benefits-list li{
    break-inside:avoid;
    margin-bottom:14px;
}

.mpcash-formation-benefits-note{
    margin-top:16px !important;
}

@media (max-width:700px){

    .mpcash-formation-vision-grid
    .mpcash-formation-vision-card{
        grid-column:1 / -1 !important;
    }

    .mpcash-formation-benefits-list{
        columns:1;
    }
}