/* ============================================= */
/* Template Parcours PSDM (page-parcours-psdm.php) */
/* ============================================= */

.parcours-psdm .psdm-section {margin: 4rem auto;}

/* Entête */
.parcours-psdm .psdm-hero {text-align: center; margin: 3rem auto 4rem;}
.parcours-psdm .psdm-hero h1 {color: var(--couleur-principale);}
.parcours-psdm .psdm-hero-soustitre {display: block; font-size: .6em; font-weight: 400; color: var(--couleur-focus); margin-top: .5rem;}
.parcours-psdm .psdm-hero-accroche {font-size: 1.8rem; margin-top: 1.5rem;}
.parcours-psdm .psdm-badge {display: inline-block; background-color: var(--couleur-focus); color: #fff; font-weight: 700; padding: .8rem 2rem; border-radius: var(--border-radius); margin-top: 1.5rem;}

/* Sections */
.parcours-psdm .psdm-section h2 {color: var(--couleur-principale); margin-bottom: 2rem;}
.parcours-psdm .psdm-section-light {background-color: var(--couleur-principale-light); border-radius: var(--border-radius); padding: 3rem;}

/* Avantages */
.parcours-psdm .psdm-avantages li {margin-bottom: 1rem;}

/* Offre clé en main : contenu centré */
.parcours-psdm .psdm-offre {text-align: center;}
.parcours-psdm .psdm-offre .psdm-offre-intro {margin-bottom: 2rem;}

/* Modules du parcours obligatoire */
.parcours-psdm .psdm-modules {list-style: none; padding: 0; max-width: 70rem; margin-left: auto; margin-right: auto; text-align: left;}
.parcours-psdm .psdm-modules li {display: flex; justify-content: space-between; gap: 2rem; padding: 1.2rem 1.5rem; border-bottom: .1rem solid var(--couleur-principale-light); align-items: baseline;}
.parcours-psdm .psdm-modules li:nth-child(odd) {background-color: var(--couleur-principale-light);}
.parcours-psdm .psdm-module-duree {font-weight: 700; color: var(--couleur-principale); white-space: nowrap;}

/* Options / packs — arbre de décision : une seule option au choix */
.parcours-psdm .psdm-plus {text-align: center; font-size: 4rem; font-weight: 900; color: var(--couleur-focus); margin: 2rem 0;}
.parcours-psdm .psdm-arbre {margin-top: 1rem;}
.parcours-psdm .psdm-arbre-tronc {width: .4rem; height: 4rem; background-color: var(--couleur-focus); margin: 0 auto; border-radius: .2rem;}
.parcours-psdm .psdm-arbre-note {font-size: 1.8rem; margin: 1.5rem auto 2.5rem;}
.parcours-psdm .psdm-options {gap: 1.5rem; flex-wrap: wrap; justify-content: center; align-items: stretch;}
/* La couleur de chaque option est personnalisable via ACF (--psdm-option-couleur posée en inline) */
.parcours-psdm .psdm-option {flex: 1 1 24rem; max-width: 32rem; background-color: #fff; border: .2rem solid var(--psdm-option-couleur, var(--couleur-principale-light)); border-radius: var(--border-radius); padding: 2rem; text-align: center;}
.parcours-psdm .psdm-option h3 {color: var(--psdm-option-couleur, var(--couleur-focus)); margin-bottom: 1rem;}
.parcours-psdm .psdm-option-duree {font-weight: 700; color: var(--couleur-principale);}
.parcours-psdm .psdm-ou {align-self: center; flex-shrink: 0; font-weight: 900; color: var(--couleur-focus); background-color: var(--couleur-principale-light); border-radius: 50%; width: 4.5rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; margin: 0;}

/* Zoom parcours */
.parcours-psdm .psdm-zoom-section {text-align: center;}
.parcours-psdm .psdm-zoom {gap: 2rem; align-items: center; flex-wrap: wrap; justify-content: center;}
.parcours-psdm .psdm-zoom-cycle {background-color: var(--couleur-principale); color: #fff; border-radius: var(--border-radius); padding: 2.5rem 3rem; text-align: center;}
/* Couleur forcée sur les <p> : sans cela ils reprennent la couleur de texte du thème (bleu sur bleu, illisible) */
.parcours-psdm .psdm-zoom-cycle p {color: #fff;}
.parcours-psdm .psdm-zoom-titre {font-weight: 900; text-transform: uppercase;}
.parcours-psdm .psdm-zoom-duree {font-size: 1.8rem; margin-top: .5rem;}
.parcours-psdm .psdm-zoom-packs {background-color: #fff; border-radius: var(--border-radius); padding: 2rem 3rem; text-align: center;}
.parcours-psdm .psdm-zoom-packs-titre {font-weight: 700; text-transform: uppercase; color: var(--couleur-focus); margin-bottom: 1rem;}
.parcours-psdm .psdm-zoom-pack strong {color: var(--psdm-option-couleur, inherit);}
.parcours-psdm .psdm-zoom-ou {font-weight: 700; color: var(--couleur-focus); margin: .3rem 0; font-size: 1.3rem; text-transform: uppercase;}
.parcours-psdm .psdm-zoom .psdm-plus {margin: 0;}

/* Formations liées */
.parcours-psdm .psdm-formations {gap: 2rem; flex-wrap: wrap;}
.parcours-psdm .psdm-formation-card {flex: 1 1 26rem; max-width: 36rem; display: flex; flex-direction: column; gap: 1.5rem; background-color: var(--couleur-principale-light); border-radius: var(--border-radius); padding: 2rem; text-decoration: none; transition: box-shadow 250ms ease-in-out;}
.parcours-psdm .psdm-formation-card:hover {box-shadow: 0 .4rem 1.2rem rgba(0, 0, 0, .12);}
.parcours-psdm .psdm-formation-titre {font-weight: 700; color: var(--couleur-principale);}
.parcours-psdm .psdm-formation-card .btn-cta {margin-top: auto; align-self: flex-start;}

/* Textes réglementaires */
.parcours-psdm .psdm-textes li {margin-bottom: 1rem;}

/* Contact */
.parcours-psdm .psdm-contact {text-align: center; background-color: var(--couleur-principale-light); border-radius: var(--border-radius); padding: 3rem;}
.parcours-psdm .psdm-contact-coords {font-size: 1.8rem; font-weight: 700; margin: 1.5rem 0;}
.parcours-psdm .psdm-contact-coords a {color: var(--couleur-principale); text-decoration: none;}
/* Bouton devis : le .btn-cta du thème est un bloc/flex, insensible au text-align du parent */
.parcours-psdm .psdm-contact .btn-cta {display: inline-flex; align-items: center; justify-content: center; margin: 1rem auto 0; float: none;}

/* Mobile */
@media (max-width: 768px) {
    .parcours-psdm .psdm-section-light,
    .parcours-psdm .psdm-contact {padding: 2rem 1.5rem;}
    .parcours-psdm .psdm-modules li {flex-direction: column; gap: .3rem;}
    /* Arbre de décision empilé : les pastilles OU restent entre les cartes */
    .parcours-psdm .psdm-options {flex-direction: column; align-items: center;}
    .parcours-psdm .psdm-option {max-width: 100%; width: 100%;}
}