/* Shared learner navigation, intentionally scoped above legacy dashboard rules. */
body.session-started #pathwayNavigation#pathwayNavigation.steps {
  position: fixed !important; inset: 76px auto auto 16px !important;
  display: none !important; width: min(340px, calc(100vw - 32px)) !important;
  max-width: 340px !important; height: auto !important; min-height: 0 !important;
  max-height: calc(100dvh - 92px) !important; box-sizing: border-box !important;
  padding: 20px 12px 12px !important; margin: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important; grid-auto-rows: auto !important;
  align-content: start !important; gap: 4px !important;
  border: 1px solid #e9e0ee !important; border-radius: 22px !important;
  background: #fff !important; box-shadow: 0 20px 65px #26103133 !important;
  overflow: auto !important; transform: none !important; z-index: 1002 !important;
  visibility: visible !important; opacity: 1 !important; pointer-events: auto !important;
}
body.session-started.mobile-menu-open #pathwayNavigation#pathwayNavigation.steps { display: grid !important; }
body.session-started #pathwayNavigation#pathwayNavigation.steps::before {
  content: "Votre espace de formation" !important; position: static !important;
  display: block !important; margin: 0 10px 12px !important; color: #35134f !important;
  font-size: 17px !important; font-weight: 800 !important;
}
body.session-started #pathwayNavigation#pathwayNavigation.steps::after { display: none !important; }
body.session-started #pathwayNavigation#pathwayNavigation.steps > .step-tab {
  display: grid !important; grid-template-columns: 38px minmax(0,1fr) !important;
  align-items: center !important; gap: 12px !important; width: 100% !important;
  height: auto !important; min-height: 60px !important; margin: 0 !important;
  padding: 10px 12px !important; border: 0 !important; border-radius: 13px !important;
  background: transparent !important; color: #432452 !important; text-align: left !important;
  box-shadow: none !important; transform: none !important;
}
body.session-started #pathwayNavigation#pathwayNavigation.steps > .step-tab:hover { background: #f6f0fa !important; }
body.session-started #pathwayNavigation#pathwayNavigation.steps > .step-tab.active { background: #eee3f7 !important; color: #532079 !important; box-shadow: inset 3px 0 #71349d !important; }
body.session-started #pathwayNavigation#pathwayNavigation.steps .step-tab-icon { width: 38px !important; height: 38px !important; display: grid !important; place-items: center !important; border: 0 !important; border-radius: 11px !important; background: #f4eef8 !important; color: #71349d !important; font-size: 21px !important; }
body.session-started #pathwayNavigation#pathwayNavigation.steps .step-tab-copy { display: grid !important; gap: 3px !important; }
body.session-started #pathwayNavigation#pathwayNavigation.steps .step-tab-copy strong { font-size: 15px !important; line-height: 1.25 !important; color: inherit !important; }
body.session-started #pathwayNavigation#pathwayNavigation.steps .step-tab-copy small { font-size: 12px !important; line-height: 1.3 !important; color: #786781 !important; font-weight: 500 !important; }
body.session-started #pathwayNavigation#pathwayNavigation.steps .step-tab:focus-visible { outline: 3px solid #9d69c0 !important; outline-offset: -3px !important; }
body.session-started #mobileMenuToggle#mobileMenuToggle.mobile-menu-toggle { top: 14px !important; left: 16px !important; width: 112px !important; height: 48px !important; min-height: 48px !important; border-radius: 14px !important; background: #fff !important; border: 1px solid #e3d7ea !important; box-shadow: 0 4px 15px #35134f10 !important; z-index: 1003 !important; }
body.session-started #mobileMenuToggle#mobileMenuToggle.mobile-menu-toggle strong { color: #512267 !important; }
body.session-started #mobileMenuToggle#mobileMenuToggle.mobile-menu-toggle > span { background: #512267 !important; }
body.session-started.mobile-menu-open::before { z-index: 1000 !important; background: #23132c66 !important; backdrop-filter: none !important; }
body.pathway-kids.session-started #pathwayNavigation#pathwayNavigation.steps::before { content: "À toi de jouer !" !important; }
body.pathway-kids.session-started #pathwayNavigation#pathwayNavigation.steps { background: #fffef9 !important; border-top: 5px solid #ffd747 !important; }
body.pathway-kids.session-started #pathwayNavigation#pathwayNavigation.steps > .step-tab.active { background: #fff0b0 !important; box-shadow: inset 3px 0 #e0aa00 !important; }
body.pathway-kids.session-started #pathwayNavigation#pathwayNavigation.steps .step-tab-icon { background: #fff1bb !important; }