/* Bascule formations ↔ mentorat (inc/learn-switch.php) — flottante sous la nav */
.learn-switch{margin-top:72px}
.ls-bar{view-transition-name:learn-bar;background:var(--marine);border-bottom:1px solid rgba(126,202,195,.14);padding:1.3rem var(--pg-pad,2rem) 1.4rem}
.ls-in{max-width:780px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.ls-lead{grid-column:1/-1;text-align:center;font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-mid);margin-bottom:.2rem;transition:opacity .25s,margin .3s,max-height .3s;max-height:2rem;overflow:hidden}
.ls-tab{position:relative;display:grid;gap:.15rem;justify-items:center;text-align:center;padding:1.05rem 1.2rem 1.1rem;text-decoration:none;border:2px solid transparent;border-radius:3px;transition:border-color .25s,transform .25s,box-shadow .25s}
/* deux pendants : Formations = négatif (sombre), Mentorat = positif (clair) */
.ls-tab[href="/formations/"]{background:var(--deep);color:var(--gray-soft);border-color:rgba(126,202,195,.25)}
.ls-tab[href="/mentorat"]{background:#f8f7f5;color:#4a4a4a;border-color:#e5e2de}
.ls-k{font-family:'DM Mono',monospace;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase}
.ls-tab[href="/formations/"] .ls-k{color:var(--teal)}.ls-tab[href="/mentorat"] .ls-k{color:#2f7f79}
.ls-t{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:700;line-height:1.2}
.ls-tab[href="/formations/"] .ls-t{color:#fff}.ls-tab[href="/mentorat"] .ls-t{color:var(--marine)}
.ls-d{font-size:.82rem;font-weight:300;max-height:3rem;transition:opacity .25s,max-height .3s}
.ls-tab[href="/formations/"] .ls-d{color:var(--gray-soft)}.ls-tab[href="/mentorat"] .ls-d{color:#666}
.ls-tab:hover,.ls-tab:focus-visible{transform:translateY(-1px);border-color:var(--teal)}
.ls-tab[aria-current="page"]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);cursor:default;transform:none}
/* compacte une fois qu'on a défilé */
.is-stuck .ls-bar{position:fixed;top:72px;left:0;right:0;z-index:90;padding-top:.6rem;padding-bottom:.6rem;background:rgba(30,35,64,.96);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(10,12,28,.35);animation:ls-drop .3s cubic-bezier(.2,.7,.2,1)}
@keyframes ls-drop{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
.is-stuck .ls-lead{opacity:0;max-height:0;margin:0}
.is-stuck .ls-d{opacity:0;max-height:0}
.is-stuck .ls-tab{padding:.5rem 1rem;grid-template-columns:auto;gap:0}
.is-stuck .ls-k{display:none}
.is-stuck .ls-t{font-size:1.1rem}
/* la bascule remplace l'espace sous la nav : les en-têtes se resserrent */
.learn-switch+main .pg-head{padding-top:4rem}
.learn-switch+main .m-hero{padding-top:70px}
@media(max-width:700px){
  .ls-bar{padding:.9rem 1rem 1rem}
  .ls-in{gap:.5rem}
  .ls-lead{font-size:.54rem;letter-spacing:.14em}
  .ls-tab{padding:.7rem .5rem}
  .ls-d{display:none}
  .ls-k{font-size:.5rem;letter-spacing:.1em}
  .ls-t{font-size:1.15rem}
  .learn-switch+main .pg-head{padding-top:2.5rem}
}
@media(prefers-reduced-motion:reduce){.ls-tab,.ls-lead,.ls-d{transition:none}.is-stuck .ls-bar{animation:none}}

/* rideau horizontal : le contenu de la nouvelle page se dévoile du côté d'où l'on vient
   (formations → mentorat : de droite à gauche ; mentorat → formations : de gauche à droite).
   La nav et la bande du sélecteur ont leur propre nom : elles restent fixes. */
@keyframes learn-curtain-next{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
@keyframes learn-curtain-prev{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes learn-shift-next{to{transform:translateX(-5%);opacity:.6}}
@keyframes learn-shift-prev{to{transform:translateX(5%);opacity:.6}}
:root:active-view-transition-type(learn-next)::view-transition-new(root){animation:learn-curtain-next .6s cubic-bezier(.7,0,.2,1) both}
:root:active-view-transition-type(learn-prev)::view-transition-new(root){animation:learn-curtain-prev .6s cubic-bezier(.7,0,.2,1) both}
:root:active-view-transition-type(learn-next)::view-transition-old(root){animation:learn-shift-next .6s cubic-bezier(.7,0,.2,1) both}
:root:active-view-transition-type(learn-prev)::view-transition-old(root){animation:learn-shift-prev .6s cubic-bezier(.7,0,.2,1) both}
@media(prefers-reduced-motion:reduce){
  :root:active-view-transition-type(learn-next)::view-transition-new(root),:root:active-view-transition-type(learn-prev)::view-transition-new(root),
  :root:active-view-transition-type(learn-next)::view-transition-old(root),:root:active-view-transition-type(learn-prev)::view-transition-old(root){animation:none}
}