/* GÉNÉRÉ par mywordlist-repoapi/e2e/scripts/build-course-path-pre.mjs — ne pas éditer.
 * Ce que les feuilles du chemin apportent au haut de la page de cours (header, ligne de titre,
 * image du thème + « Commencer ») : chargé en bloquant, avant l'image ; les feuilles complètes
 * suivent plus bas dans le document (player.html.php). */
/* /CSS/course-hero.css */
:root {
  --lch-green: #2f8a5b;
  --lch-green-dark: #1d6b49;
  --lch-green-soft: #e6f2eb;
  --lch-green-line: #cfe3d7;
  --lch-ink: #1f2a2a;
  --lch-muted: #5d6866;
  --lch-line: #ece6da;
}
html:is(.lch-on, .lch-pre) #h-infos {
  display: flex;
  align-items: center;
  gap: 14px;
  box-sizing: border-box;
  height: auto !important;
  min-height: 0;
  padding: 6px 8px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #15232a;
  overflow: visible;
}
html:is(.lch-on, .lch-pre) #h-infos > .c {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  float: none;
}
html:is(.lch-on, .lch-pre) #h-infos > .c > .phoca-flagbox-list {
  position: relative;
  width: 28px !important;
  height: 28px !important;
  margin: 0;
  padding: 0;
  float: none;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: none;
}
html:is(.lch-on, .lch-pre) #h-infos > .c > .phoca-flagbox-list .phoca-flagbox {
  position: static;
  display: block;
  width: 28px !important;
  height: 28px !important;
  margin: 0;
}
html:is(.lch-on, .lch-pre) #h-infos > .c > .phoca-flagbox-list img {
  position: static;
  display: block;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
html:is(.lch-on, .lch-pre) #h-infos > .c > .i {
  margin: 0;
  float: none;
  min-width: 0;
  flex: 1;
}
html:is(.lch-on, .lch-pre) #h-infos h1 {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6b787e;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html:is(.lch-on, .lch-pre) #h-infos h1 .lch-h1-lang {
  color: #15232a;
}
html:is(.lch-on, .lch-pre) #h-infos #subtitle,
html:is(.lch-on, .lch-pre) #h-infos #sublist,
html:is(.lch-on, .lch-pre) #h-infos #h-prog,
html:is(.lch-on, .lch-pre) #h-infos #perinfos,
html:is(.lch-on, .lch-pre) #h-infos .theme-toggle,
html:is(.lch-on, .lch-pre) #h-infos #theme-toggle {
  display: none !important;
}
@media (max-width: 899px) {
  html:is(.lch-on, .lch-pre) #h-infos {
    flex-wrap: wrap;
    row-gap: 8px;
  }
}
html:is(.lch-on, .lch-pre) #home_content {
  padding-top: 15px;
}
@media (min-width: 900px) {
  html.lch-pre:not(.lch-pre-ready):not(.cpath-home) #container {
    visibility: hidden;
  }
}
html.lch-on #bprog,
html.lch-pre #bprog {
  display: none !important;
}
/* /CSS/course-path.css */
html.cpath {
  --cp-card-bg: linear-gradient(to bottom, #e7f3f5, #e4f4ef, #e8f3e6, #f2f0dd, #ffebdb);
  --cp-card-pad: 20px;
  --cp-card-radius: 40px;
  --cp-card-line: #e5e7eb;
  --cp-card-shadow: 0 5px 15px rgb(0 0 0 / 35%);
  --cp-white-radius: 30px;
  --cp-white-shadow: 0 2px 12px rgb(15 23 42 / 6%);
  --cp-veil: rgb(0 87 115 / 32%);
  
  --cp-veil-page: linear-gradient(#e7f3f5, #e4f4ef, #e8f3e6, #f2f0dd, #ffebdb);
}
html.cpath body {
  overflow-x: clip;
}
html.cpath:not(.cpath-home) #h-infos {
  height: 0 !important; 
  min-height: 0 !important;
  padding-top: 0 !important; 
  padding-bottom: 0 !important;
  margin-bottom: 0;
}
html.cpath:not(.cpath-home) #h-infos > .c > :is(.cpath-back, .cpath-home-line, .phoca-flagbox-list) {
  display: none !important;
}
html.cpath:not(.cpath-home) #first_c,
html.cpath:not(.cpath-home) #first_c > .pb40 {
  padding-bottom: 0 !important;
}
html.cpath #nbotbuttons {
  height: 0;
  overflow: hidden;
}
html.cpath #nprog,
html.cpath #nprog .bg-image-progression {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html.cpath #nbotbuttons {
  margin-top: 0;
  margin-bottom: 0;
  
  padding: 0 !important;
  min-height: 0;
}
html.cpath.lch-pre:not(.cpath-home) #container {
  display: none !important;
}
html.cpath.cpath-home {
  background: #fff linear-gradient(#e7f3f5, #e4f4ef, #e8f3e6, #f2f0dd, #ffebdb, #fff) no-repeat !important;
  background-size: 100% 100vh !important;
  background-attachment: fixed !important;
}
html.cpath.cpath-home body {
  background: transparent;
}
html.cpath.cpath-home:is(.midday, .night) body {
  --lc-container-bg-color: #fff8ec;
  --lc-grd-pres-bg: #fff8ec;
}
html.cpath.cpath-home:is(.midday, .night) body #home_content,
html.cpath.cpath-home:is(.midday, .night) body #splitsn {
  background-image: radial-gradient(rgba(210, 180, 130, 0.18) 1.5px, transparent 1.6px) !important;
  background-size: 22px 22px !important;
}
html.cpath.cpath-home:is(.midday, .night) body #home_content {
  background-color: #fff8ec !important;
}
html.cpath.cpath-home body #home_content {
  margin-top: 50px !important;
  padding-top: 0 !important;
}
html.cpath.cpath-home body #h-infos {
  min-height: 0;
  margin: 0 !important;
  padding: 20px 0 !important;
}
@media (max-width: 899px) {
  html.cpath.cpath-home body #home_content {
    margin-top: 0 !important;
  }
  html.cpath.cpath-home body #h-infos {
    padding: 20px 5px !important;
  }
}
html.cpath.cpath-home body #h-infos > .c {
  min-height: 32px;
}
html.cpath.cpath-home body #h-infos > .c > .i:not(.cpath-home-line) {
  display: none;
}
html.cpath-home #start {
  min-width: 180px;
  max-height: 100px;
}
html.cpath-home #nprog .bg-image-progression {
  display: flex;
  flex-direction: column;
}
html.cpath body {
  background: #fff;
}
html.cpath:not(.cpath-home) #home_content {
  top: 0;
  margin-top: 0;
  padding-top: 0;
}
html.cpath:not(.cpath-home) body #nbotbuttons.tcenterflex {
  margin-top: 0 !important;
}
html.cpath:not(.cpath-home) #header-t-art-actions {
  height: 0;
}
html.cpath:not(.cpath-home) #header_nav_classic {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  box-shadow: none !important;
}
html.cpath:not(.cpath-home) #btn_home {
  display: none !important;
}
.cpath-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  height: 30px;
  padding: 0 12px 0 8px;
  border-radius: 999px;
  border: 1px solid rgb(0 0 0 / 8%);
  background: rgb(255 255 255 / 80%);
  color: var(--cp-ink, #111);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
}
.cpath-back:hover {
  background: #fff;
}
.cpath-back svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
#h-infos > .c > .cpath-back {
  margin-right: 10px;
}
html.cpath-home .cpath-back--root {
  display: none;
}
@media (max-width: 600px) {
  .cpath-back span {
    display: none;
  }
  .cpath-back {
    padding: 0 8px;
  }
}
/* /CSS/path-themes/tokens.css */
html.cpath.midday {
  --pt-page: linear-gradient(#f4dff0, #e8daf8, #d8dcfd, #c9e5ff, #bfeffa);
  --pt-bar: linear-gradient(181deg, rgb(244 232 250 / 72%), rgb(228 226 252 / 62%));
  --pt-shell: linear-gradient(#efdff5, #e4dcfb, #d7e3fd, #ceedfb);
  --pt-surface: #fbf9ff;
  --pt-surface-2: #f1edfb;
  --pt-surface-3: #e3ddf5;
  --pt-ink: #231f4e;
  --pt-ink-2: #4a4775;
  --pt-ink-3: #636089;
  --pt-line: rgb(90 85 163 / 18%);
  --pt-line-strong: rgb(90 85 163 / 36%);
  --pt-veil: rgb(56 40 110 / 38%);
  --pt-accent: #08818e;
  --pt-accent-ink: #066b76;
  --pt-accent-soft: rgb(8 129 142 / 12%);
  --pt-red: #c23a28;
  --pt-red-soft: rgb(226 90 70 / 13%);
  --pt-gold: #8f5a0a;
  --pt-gold-soft: rgb(245 170 60 / 20%);
  --pt-path: rgb(255 255 255 / 88%);
  --pt-shadow: 0 6px 16px rgb(70 50 130 / 18%);
  --pt-card-shadow: 0 5px 15px rgb(56 40 110 / 32%);
  --pt-scroll: rgb(90 85 163 / 40%);
}
html.cpath.night {
  --pt-page: linear-gradient(#0f1626, #141d33 38%, #1b2340 72%, #29294a);
  --pt-bar: linear-gradient(181deg, rgb(24 32 50 / 86%), rgb(20 27 43 / 78%));
  --pt-shell: linear-gradient(#262f49, #1f2840 55%, #1a2236);
  --pt-surface: #1c2433;
  --pt-surface-2: #252f42;
  --pt-surface-3: #303c53;
  --pt-ink: #eef2f7;
  --pt-ink-2: #b9c4d0;
  --pt-ink-3: #95a2b1;
  --pt-line: rgb(255 255 255 / 10%);
  --pt-line-strong: rgb(255 255 255 / 24%);
  --pt-veil: rgb(5 9 20 / 66%);
  --pt-accent: #3fc9c3;
  --pt-accent-ink: #7ae0db;
  --pt-accent-soft: rgb(63 201 195 / 16%);
  --pt-red: #ff9c8c;
  --pt-red-soft: rgb(255 101 80 / 16%);
  --pt-gold: #ffc96b;
  --pt-gold-soft: rgb(255 180 60 / 16%);
  --pt-path: rgb(255 255 255 / 36%);
  --pt-shadow: 0 6px 16px rgb(0 0 0 / 42%);
  --pt-card-shadow: 0 8px 26px rgb(0 0 0 / 60%);
  --pt-scroll: rgb(255 255 255 / 26%);
}
html.cpath.night:not(.cpath-home) {
  color-scheme: dark;
}
html.cpath:is(.midday, .night) {
  --cp-card-bg: var(--pt-shell);
  --cp-card-line: var(--pt-line);
  --cp-card-shadow: var(--pt-card-shadow);
  --cp-white-shadow: none;
  --cp-veil: var(--pt-veil);
  --cp-veil-page: var(--pt-page);
}
/* /CSS/path-themes/timeline.css */
html.cpath:not(.cpath-home):is(.midday, .night),
html.cpath:not(.cpath-home):is(.midday, .night) body {
  --lc-page-bg: var(--pt-page);
}
html.cpath:not(.cpath-home):is(.midday, .night),
html.cpath:not(.cpath-home):is(.midday, .night) body,
html.cpath:not(.cpath-home):is(.midday, .night) #course-path {
  background: var(--pt-page) no-repeat;
  background-size: 100% 100vh;
  background-attachment: fixed;
}
html.cpath:not(.cpath-home):is(.midday, .night) .cpath-back {
  background: var(--pt-surface);
  border-color: var(--pt-line);
  color: var(--pt-ink);
}
html.cpath:not(.cpath-home):is(.midday, .night) .cpath-back:hover {
  background: var(--pt-surface-2);
}
html.cpath:not(.cpath-home):is(.midday, .night) .header_right,
html.cpath:not(.cpath-home):is(.midday, .night) .header_right :is(a, span, label, button):not(.signup-button) {
  color: var(--pt-ink);
}
html.cpath:not(.cpath-home):is(.midday, .night) .header_right .icon {
  fill: var(--pt-accent);
}
/* /CSS/path-themes/site-modals.css */
html.cpath:is(.midday, .night) #loecsen-share-modal.loecsen-share-modal,
html.cpath:is(.midday, .night) #loecsen-share-modal :is(.loecsen-share-modal__dialog, .loecsen-share-modal__body),
html.cpath:is(.midday, .night) #earth.navs.tabcontent.loecsen-earth-modal,
html.cpath:is(.midday, .night) #earth :is(.loecsen-earth-modal__dialog, .loecsen-earth-modal__body, .earth-region-panels),
html.cpath:is(.midday, .night) #DivLogin.loecsen-login-modal,
html.cpath:is(.midday, .night) #DivLogin.loecsen-login-modal .infos,
html.cpath:is(.midday, .night) #DivLogin.loecsen-login-modal .tabs-content > [id$="tab-content"] {
  background: var(--pt-surface);
  background-color: var(--pt-surface);
  color: var(--pt-ink);
}
/* /CSS/course-path-rtl.css */
html[dir="rtl"] .cpath-back {
  padding: 0 8px 0 12px;
}
html[dir="rtl"] #h-infos > .c > .cpath-back {
  margin-right: 0;
  margin-left: 10px;
}
@media (max-width: 600px) {
  html[dir="rtl"] .cpath-back {
    padding: 0 8px;
  }
}
html[dir="rtl"] #login_right_view .signup-button {
  line-height: 1.35;
}