/* mediaMed — CSS LearnDash Focus Mode v7
   Fidèle à la maquette mediamed-template-lecon-v2.html
   Fichier : /wp-content/themes/astra-child/css/mediamed-learndash.css */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

/* ════════════════════════════════════
   TOKENS mediaMed
════════════════════════════════════ */
:root {
  --mm-indigo:        #4C3FD4;
  --mm-indigo-dark:   #3D32B0;
  --mm-indigo-light:  rgba(76,63,212,0.08);
  --mm-magenta:       #E91E63;
  --mm-magenta-light: rgba(233,30,99,0.08);
  --mm-turquoise:     #00BFA5;
  --mm-turq-light:    rgba(0,191,165,0.10);
  --mm-turq-border:   rgba(0,191,165,0.25);
  --mm-bleu:          #2F3A8F;
  --mm-bleu-light:    rgba(47,58,143,0.08);
  --mm-ambre:         #FFA000;
  --mm-ambre-light:   rgba(255,160,0,0.10);
  --mm-success:       #00C896;
  --mm-dark:          #0F172A;
  --mm-mid:           #1E293B;
  --mm-text:          #334155;
  --mm-gray:          #64748B;
  --mm-gray-light:    #94A3B8;
  --mm-border:        #E2E8F0;
  --mm-surface:       #F8FAFC;
}

/* ════════════════════════════════════
   FOCUS MODE LEARNDASH — TOPBAR
   Remplacer le gris par le bleu mediaMed
════════════════════════════════════ */

/* Topbar principale — fond bleu mediaMed */
.learndash-focus-mode #learndash-course-nav,
.learndash-focus-mode .ld-focus-header,
.learndash-focus-mode #ld-focus-header,
#ld-focus-header,
.ld-focus-header {
  background: var(--mm-bleu) !important;
  border-bottom: none !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important;
}

/* Logo texte dans la topbar */
.ld-focus-header .ld-brand,
.ld-focus-header .ld-course-title,
#ld-focus-header .ld-brand,
#ld-focus-header .ld-course-title {
  color: white !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
}

/* Barre de progression dans la topbar — gradient turquoise → indigo */
.ld-focus-header .ld-progress-bar .ld-progress-bar-percentage,
#ld-focus-header .ld-progress-bar .ld-progress-bar-percentage,
.ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, var(--mm-turquoise), var(--mm-indigo)) !important;
}

.ld-focus-header .ld-progress-bar,
#ld-focus-header .ld-progress-bar {
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
}

/* Texte % progression */
.ld-focus-header .ld-progress-percentage,
#ld-focus-header .ld-progress-percentage {
  color: rgba(255,255,255,0.75) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}

/* Boutons topbar (Précédent / Suivant) */
.ld-focus-header .ld-button,
#ld-focus-header .ld-button,
.ld-focus-header a.ld-button,
.ld-focus-header button {
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.3) !important;
  color: rgba(255,255,255,0.85) !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}

.ld-focus-header .ld-button:hover,
#ld-focus-header .ld-button:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.5) !important;
}

/* Lien "Quitter" / exit */
.ld-focus-header .ld-course-status-status,
#ld-focus-header .ld-course-status-status {
  color: rgba(255,255,255,0.7) !important;
}

/* ════════════════════════════════════
   SIDEBAR — Navigation cours
   Fond blanc, titre cours bleu
════════════════════════════════════ */

.learndash-focus-mode #ld-focus-sidebar,
#ld-focus-sidebar,
.ld-focus-sidebar {
  background: white !important;
  border-right: 1px solid var(--mm-border) !important;
  box-shadow: none !important;
}

/* En-tête sidebar — titre du cours */
#ld-focus-sidebar .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: var(--mm-bleu) !important;
  color: white !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  padding: 1rem 1.25rem !important;
  border-radius: 0 !important;
}

/* Items de navigation — leçons */
.ld-course-navigation-list .ld-lesson-title,
.ld-course-navigation-list > li > a,
.ld-course-navigation-list .ld-item-list-item-inner {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.83rem !important;
  color: var(--mm-gray) !important;
  border-bottom: 1px solid rgba(226,232,240,0.6) !important;
  transition: background 0.15s !important;
}

.ld-course-navigation-list .ld-lesson-title:hover,
.ld-course-navigation-list > li > a:hover {
  background: var(--mm-surface) !important;
  color: var(--mm-mid) !important;
}

/* Leçon/item actif — indigo */
.ld-course-navigation-list .current-lesson .ld-lesson-title,
.ld-course-navigation-list .current-item .ld-item-list-item-inner,
.ld-course-navigation-list .ld-item-list-item.current-item > a {
  background: var(--mm-indigo-light) !important;
  color: var(--mm-indigo) !important;
  font-weight: 600 !important;
  border-left: 3px solid var(--mm-indigo) !important;
}

/* Icônes de statut */
.ld-status-complete .ld-status-icon,
.ld-item-status-complete .ld-status-icon {
  background: var(--mm-success) !important;
  border-color: var(--mm-success) !important;
}

.ld-status-in-progress .ld-status-icon,
.ld-item-status-in-progress .ld-status-icon {
  background: var(--mm-indigo) !important;
  border-color: var(--mm-indigo) !important;
}

/* Sous-items (topics) dans sidebar */
.ld-course-navigation-list .ld-topic-list .ld-item-list-item-inner {
  padding-left: 2.5rem !important;
  font-size: 0.78rem !important;
}

/* ════════════════════════════════════
   ZONE CONTENU PRINCIPAL
   Fond surface, largeur max 780px
════════════════════════════════════ */

.learndash-focus-mode #ld-focus-content,
#ld-focus-content,
.ld-focus-content {
  background: var(--mm-surface) !important;
}

/* Zone de lecture — max-width comme la maquette */
#ld-focus-content .ld-content-body,
.ld-content-body,
#ld-focus-content .entry-content,
.ld-focus-content .entry-content {
  max-width: 780px !important;
  margin: 0 auto !important;
  padding: 2.5rem 2rem 5rem !important;
  font-family: 'Inter', sans-serif !important;
}

/* ════════════════════════════════════
   BOUTON "LEÇON TERMINÉE"
   Couleur indigo mediaMed
════════════════════════════════════ */
.learndash_mark_complete_button,
#learndash_mark_complete_button,
input.learndash_mark_complete_button {
  background: var(--mm-indigo) !important;
  border: none !important;
  border-radius: 10px !important;
  color: white !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  padding: 0.65rem 1.5rem !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.15s !important;
}

.learndash_mark_complete_button:hover,
#learndash_mark_complete_button:hover {
  background: var(--mm-indigo-dark) !important;
  transform: translateY(-1px) !important;
}

/* ════════════════════════════════════
   BLOCS CONTENU mm-* — fidèles à la maquette
════════════════════════════════════ */

/* Titre h1 capsule/leçon */
.mm-lesson-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.5rem, 3vw, 1.9rem) !important;
  font-weight: 800 !important;
  color: var(--mm-dark) !important;
  line-height: 1.2 !important;
  margin: 0.75rem 0 1.25rem !important;
  letter-spacing: -0.02em !important;
}

/* Badges */
.mm-lesson-badges, .mm-badges {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-bottom: 0.85rem !important;
  flex-wrap: wrap !important;
}

.mm-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.25rem 0.75rem !important;
  border-radius: 50px !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.mm-badge-micro   { background: var(--mm-indigo-light) !important; color: var(--mm-indigo) !important; border: 1.5px solid rgba(76,63,212,0.2) !important; }
.mm-badge-lesson  { background: var(--mm-bleu-light) !important; color: var(--mm-bleu) !important; border: 1.5px solid rgba(47,58,143,0.2) !important; }
.mm-badge-capsule { background: var(--mm-surface) !important; color: var(--mm-gray) !important; border: 1.5px solid var(--mm-border) !important; }
.mm-badge-pole    { background: var(--mm-magenta-light) !important; color: var(--mm-magenta) !important; border: 1.5px solid rgba(233,30,99,0.2) !important; }
.mm-badge-blended { background: var(--mm-ambre-light) !important; color: var(--mm-ambre) !important; border: 1.5px solid rgba(255,160,0,0.25) !important; }

.mm-duration-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.25rem 0.7rem !important;
  border-radius: 50px !important;
  background: var(--mm-turq-light) !important;
  border: 1.5px solid var(--mm-turq-border) !important;
  color: var(--mm-turquoise) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

/* Zone vidéo */
.mm-video-zone {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 60%, rgba(47,58,143,0.22) 100%) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin-bottom: 2rem !important;
  aspect-ratio: 16/9 !important;
  max-height: 420px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.mm-video-zone::before {
  content: '' !important;
  position: absolute !important; inset: 0 !important;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(76,63,212,0.15) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 70%, rgba(0,191,165,0.08) 0%, transparent 50%) !important;
}

.mm-video-inner {
  position: relative !important; z-index: 1 !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 1rem !important;
}

.mm-play-btn {
  width: 68px !important; height: 68px !important;
  border-radius: 50% !important;
  background: var(--mm-indigo) !important;
  border: none !important; cursor: pointer !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 1.5rem !important; color: white !important;
  box-shadow: 0 0 0 8px rgba(76,63,212,0.2) !important;
  transition: transform 0.2s, background 0.2s !important;
}
.mm-play-btn:hover { background: var(--mm-indigo-dark) !important; transform: scale(1.08) !important; }
.mm-video-label { font-size: 0.85rem !important; color: rgba(255,255,255,0.65) !important; text-align: center !important; margin: 0 !important; }
.mm-video-meta  { font-size: 0.72rem !important; color: rgba(255,255,255,0.35) !important; text-align: center !important; margin: 0 !important; }

/* Carte objectifs */
.mm-objectives-card {
  background: white !important;
  border: 1.5px solid rgba(76,63,212,0.15) !important;
  border-radius: 14px !important;
  padding: 1.5rem !important;
  margin-bottom: 2rem !important;
  position: relative !important; overflow: hidden !important;
}
.mm-objectives-card::before {
  content: '' !important;
  position: absolute !important; top: 0 !important; left: 0 !important;
  width: 4px !important; height: 100% !important;
  background: linear-gradient(180deg, var(--mm-indigo), var(--mm-turquoise)) !important;
  border-radius: 4px 0 0 4px !important;
}
.mm-objectives-card h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 0.08em !important;
  color: var(--mm-indigo) !important; margin-bottom: 0.85rem !important;
  padding-left: 0.5rem !important;
}
.mm-objectives-list {
  list-style: none !important; display: flex !important; flex-direction: column !important;
  gap: 0.5rem !important; padding-left: 0.5rem !important; margin: 0 !important;
}
.mm-objectives-list li {
  display: flex !important; align-items: flex-start !important; gap: 0.6rem !important;
  font-size: 0.875rem !important; color: var(--mm-mid) !important; line-height: 1.5 !important;
}
.mm-obj-tick {
  width: 18px !important; height: 18px !important; min-width: 18px !important;
  border-radius: 50% !important; background: var(--mm-turquoise) !important; color: white !important;
  font-size: 0.55rem !important; font-weight: 700 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important; margin-top: 2px !important;
}

/* h2 et h3 dans le corps */
.mm-topic-wrap h2, .mm-lesson-wrap h2, .mm-course-intro h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.2rem !important; font-weight: 700 !important; color: var(--mm-dark) !important;
  margin: 2rem 0 0.7rem !important; padding-bottom: 0.5rem !important;
  border-bottom: 2px solid var(--mm-border) !important; letter-spacing: -0.01em !important;
}
.mm-topic-wrap h3, .mm-lesson-wrap h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1rem !important; font-weight: 700 !important; color: var(--mm-mid) !important;
  margin: 1.5rem 0 0.55rem !important;
}
.mm-topic-wrap p, .mm-lesson-wrap p, .mm-course-intro p {
  font-size: 0.9rem !important; color: var(--mm-text) !important;
  margin-bottom: 1rem !important; line-height: 1.8 !important;
}

/* Point clé ambre */
.mm-key-point {
  background: var(--mm-ambre-light) !important;
  border-left: 4px solid var(--mm-ambre) !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 1rem 1.25rem !important; margin: 1.5rem 0 !important;
}
.mm-key-point > strong {
  display: block !important; font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.72rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 0.07em !important;
  color: var(--mm-ambre) !important; margin-bottom: 0.4rem !important;
}
.mm-key-point p { margin: 0 !important; font-size: 0.875rem !important; color: var(--mm-dark) !important; line-height: 1.65 !important; }

/* Tip turquoise */
.mm-tip-block {
  background: rgba(0,191,165,0.07) !important;
  border: 1.5px solid rgba(0,191,165,0.2) !important;
  border-radius: 12px !important; padding: 1rem 1.25rem !important;
  margin: 1.5rem 0 !important; display: flex !important;
  gap: 0.85rem !important; align-items: flex-start !important;
}
.mm-tip-icon { font-size: 1.25rem !important; flex-shrink: 0 !important; margin-top: 1px !important; }
.mm-tip-block h5 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.75rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 0.07em !important;
  color: var(--mm-turquoise) !important; margin-bottom: 0.3rem !important;
}
.mm-tip-block p { margin: 0 !important; font-size: 0.875rem !important; color: var(--mm-mid) !important; line-height: 1.6 !important; }

/* Ressources */
.mm-resources-block {
  background: var(--mm-surface) !important;
  border: 1.5px solid var(--mm-border) !important;
  border-radius: 14px !important; padding: 1.25rem !important; margin: 2rem 0 !important;
}
.mm-resources-block h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.7rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 0.09em !important;
  color: var(--mm-gray) !important; margin-bottom: 0.85rem !important;
}
.mm-resource-item {
  display: flex !important; align-items: center !important; gap: 0.75rem !important;
  padding: 0.7rem 0.9rem !important; background: white !important;
  border: 1.5px solid var(--mm-border) !important; border-radius: 10px !important;
  text-decoration: none !important; color: var(--mm-dark) !important; margin-bottom: 0.5rem !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.mm-resource-item:hover { border-color: var(--mm-indigo) !important; box-shadow: 0 2px 12px rgba(76,63,212,0.08) !important; }
.mm-resource-icon { width: 36px !important; height: 36px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1rem !important; flex-shrink: 0 !important; }
.mm-r-pdf  { background: var(--mm-magenta-light) !important; }
.mm-r-xlsx { background: var(--mm-turq-light) !important; }
.mm-r-doc  { background: var(--mm-bleu-light) !important; }
.mm-resource-info { flex: 1 !important; }
.mm-resource-name { font-size: 0.83rem !important; font-weight: 600 !important; color: var(--mm-dark) !important; margin-bottom: 2px !important; display: block !important; }
.mm-resource-size { font-size: 0.7rem !important; color: var(--mm-gray) !important; display: block !important; }
.mm-resource-dl   { font-size: 0.75rem !important; font-weight: 600 !important; color: var(--mm-indigo) !important; flex-shrink: 0 !important; }

/* Structure list / meta bar (page cours) */
.mm-structure-list { list-style: none !important; padding: 0 !important; margin: 1rem 0 1.5rem !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; }
.mm-structure-list li { padding: 0.65rem 1rem !important; background: #fff !important; border: 1.5px solid var(--mm-border) !important; border-left: 3px solid var(--mm-indigo) !important; border-radius: 10px !important; font-size: 0.875rem !important; color: var(--mm-text) !important; }
.mm-course-meta-bar { display: flex !important; flex-wrap: wrap !important; gap: 0.75rem 1.5rem !important; margin-top: 1.5rem !important; padding: 1rem 1.25rem !important; background: var(--mm-bleu-light) !important; border-radius: 12px !important; border: 1.5px solid rgba(47,58,143,0.12) !important; }
.mm-course-meta-bar span { font-size: 0.8rem !important; color: var(--mm-bleu) !important; font-weight: 500 !important; }

/* Page cours */
body.single-sfwd-courses .ast-page-title-area,
body.single-sfwd-courses .entry-header { display: none !important; }
body.single-sfwd-courses .entry-content { max-width: 860px !important; margin: 0 auto !important; padding: 0 1.5rem 3rem !important; }

/* Masquer barre de progression sur la page overview */
body.single-sfwd-courses .ld-course-status,
body.single-sfwd-courses .learndash-shortcode-wrap:first-child {
  display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
  .mm-video-zone { max-height: 240px !important; border-radius: 10px !important; }
  .mm-objectives-card, .mm-resources-block { padding: 1rem !important; }
  .mm-lesson-title { font-size: 1.35rem !important; }
}

/* ═══════════════════════════════════════════════════
   CORRECTIFS v8 — Taille titre + Pleine largeur
═══════════════════════════════════════════════════ */

/* ─── Titre h1 natif LearnDash — taille réduite ─── */
.ld-focus-content > h1:not(.mm-lesson-title),
#ld-focus-content > h1:not(.mm-lesson-title) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  line-height: 1.2 !important;
  margin: 0 0 0.5rem !important;
  letter-spacing: -0.02em !important;
}

/* ─── Masquer le mm-lesson-title (doublon) ─── */
.mm-lesson-title {
  display: none !important;
}

/* ─── PLEINE LARGEUR — supprimer max-width LearnDash ─── */
.ld-focus-content,
#ld-focus-content {
  max-width: none !important;
  width: 100% !important;
  padding: 2rem 3rem !important;
  box-sizing: border-box !important;
}

.ld-focus-content .entry-content,
#ld-focus-content .entry-content,
.ld-content-body,
.ld-focus-content .ld-content-body {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}

/* ─── Zone vidéo — pleine largeur ─── */
.mm-video-zone {
  max-height: none !important;
  width: 100% !important;
}

/* ─── Lisibilité : lignes de texte max 800px ─── */
.mm-topic-wrap p,
.mm-lesson-wrap p,
.mm-course-intro p {
  max-width: 820px !important;
}

.mm-topic-wrap h2, .mm-lesson-wrap h2,
.mm-topic-wrap h3, .mm-lesson-wrap h3 {
  max-width: 900px !important;
}

/* ─── Blocs mm-* max 900px pour équilibre visuel ─── */
.mm-objectives-card,
.mm-key-point,
.mm-tip-block,
.mm-resources-block,
.mm-structure-list {
  max-width: 900px !important;
}

/* ═══════════════════════════════════════════════════
   CORRECTIFS v8 — Taille titre + Pleine largeur
═══════════════════════════════════════════════════ */

/* ─── Titre h1 natif LearnDash — taille réduite ─── */
.ld-focus-content > h1:not(.mm-lesson-title),
#ld-focus-content > h1:not(.mm-lesson-title) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  line-height: 1.2 !important;
  margin: 0 0 0.5rem !important;
  letter-spacing: -0.02em !important;
}

/* ─── Masquer le mm-lesson-title (doublon) ─── */
.mm-lesson-title {
  display: none !important;
}

/* ─── PLEINE LARGEUR — supprimer max-width LearnDash ─── */
.ld-focus-content,
#ld-focus-content {
  max-width: none !important;
  width: 100% !important;
  padding: 2rem 3rem !important;
  box-sizing: border-box !important;
}

.ld-focus-content .entry-content,
#ld-focus-content .entry-content,
.ld-content-body,
.ld-focus-content .ld-content-body {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}

/* ─── Zone vidéo — pleine largeur ─── */
.mm-video-zone {
  max-height: none !important;
  width: 100% !important;
}

/* ─── Lisibilité : lignes de texte max 800px ─── */
.mm-topic-wrap p,
.mm-lesson-wrap p,
.mm-course-intro p {
  max-width: 820px !important;
}

.mm-topic-wrap h2, .mm-lesson-wrap h2,
.mm-topic-wrap h3, .mm-lesson-wrap h3 {
  max-width: 900px !important;
}

/* ─── Blocs mm-* max 900px pour équilibre visuel ─── */
.mm-objectives-card,
.mm-key-point,
.mm-tip-block,
.mm-resources-block,
.mm-structure-list {
  max-width: 900px !important;
}

/* ═══════════════════════════════════════════════════
   CORRECTIFS v8 — Taille titre + Pleine largeur
═══════════════════════════════════════════════════ */

/* ─── Titre h1 natif LearnDash — taille réduite ─── */
.ld-focus-content > h1:not(.mm-lesson-title),
#ld-focus-content > h1:not(.mm-lesson-title) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  line-height: 1.2 !important;
  margin: 0 0 0.5rem !important;
  letter-spacing: -0.02em !important;
}

/* ─── Masquer le mm-lesson-title (doublon) ─── */
.mm-lesson-title {
  display: none !important;
}

/* ─── PLEINE LARGEUR — supprimer max-width LearnDash ─── */
.ld-focus-content,
#ld-focus-content {
  max-width: none !important;
  width: 100% !important;
  padding: 2rem 3rem !important;
  box-sizing: border-box !important;
}

.ld-focus-content .entry-content,
#ld-focus-content .entry-content,
.ld-content-body,
.ld-focus-content .ld-content-body {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}

/* ─── Zone vidéo — pleine largeur ─── */
.mm-video-zone {
  max-height: none !important;
  width: 100% !important;
}

/* ─── Lisibilité : lignes de texte max 800px ─── */
.mm-topic-wrap p,
.mm-lesson-wrap p,
.mm-course-intro p {
  max-width: 820px !important;
}

.mm-topic-wrap h2, .mm-lesson-wrap h2,
.mm-topic-wrap h3, .mm-lesson-wrap h3 {
  max-width: 900px !important;
}

/* ─── Blocs mm-* max 900px pour équilibre visuel ─── */
.mm-objectives-card,
.mm-key-point,
.mm-tip-block,
.mm-resources-block,
.mm-structure-list {
  max-width: 900px !important;
}

/* ═══════════════════════════════════════════════════
   CORRECTIFS v8 — Taille titre + Pleine largeur
═══════════════════════════════════════════════════ */

/* ─── Titre h1 natif LearnDash — taille réduite ─── */
.ld-focus-content > h1:not(.mm-lesson-title),
#ld-focus-content > h1:not(.mm-lesson-title) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  line-height: 1.2 !important;
  margin: 0 0 0.5rem !important;
  letter-spacing: -0.02em !important;
}

/* ─── Masquer le mm-lesson-title (doublon) ─── */
.mm-lesson-title {
  display: none !important;
}

/* ─── PLEINE LARGEUR — supprimer max-width LearnDash ─── */
.ld-focus-content,
#ld-focus-content {
  max-width: none !important;
  width: 100% !important;
  padding: 2rem 3rem !important;
  box-sizing: border-box !important;
}

.ld-focus-content .entry-content,
#ld-focus-content .entry-content,
.ld-content-body,
.ld-focus-content .ld-content-body {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}

/* ─── Zone vidéo — pleine largeur ─── */
.mm-video-zone {
  max-height: none !important;
  width: 100% !important;
}

/* ─── Lisibilité : lignes de texte max 800px ─── */
.mm-topic-wrap p,
.mm-lesson-wrap p,
.mm-course-intro p {
  max-width: 820px !important;
}

.mm-topic-wrap h2, .mm-lesson-wrap h2,
.mm-topic-wrap h3, .mm-lesson-wrap h3 {
  max-width: 900px !important;
}

/* ─── Blocs mm-* max 900px pour équilibre visuel ─── */
.mm-objectives-card,
.mm-key-point,
.mm-tip-block,
.mm-resources-block,
.mm-structure-list {
  max-width: 900px !important;
}

/* ═══════════════════════════════════════════════════
   CORRECTIFS v8 — Taille titre + Pleine largeur
═══════════════════════════════════════════════════ */

/* ─── Titre h1 natif LearnDash — taille réduite ─── */
.ld-focus-content > h1:not(.mm-lesson-title),
#ld-focus-content > h1:not(.mm-lesson-title) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  line-height: 1.2 !important;
  margin: 0 0 0.5rem !important;
  letter-spacing: -0.02em !important;
}

/* ─── Masquer le mm-lesson-title (doublon) ─── */
.mm-lesson-title {
  display: none !important;
}

/* ─── PLEINE LARGEUR — supprimer max-width LearnDash ─── */
.ld-focus-content,
#ld-focus-content {
  max-width: none !important;
  width: 100% !important;
  padding: 2rem 3rem !important;
  box-sizing: border-box !important;
}

.ld-focus-content .entry-content,
#ld-focus-content .entry-content,
.ld-content-body,
.ld-focus-content .ld-content-body {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}

/* ─── Zone vidéo — pleine largeur ─── */
.mm-video-zone {
  max-height: none !important;
  width: 100% !important;
}

/* ─── Lisibilité : lignes de texte max 800px ─── */
.mm-topic-wrap p,
.mm-lesson-wrap p,
.mm-course-intro p {
  max-width: 820px !important;
}

.mm-topic-wrap h2, .mm-lesson-wrap h2,
.mm-topic-wrap h3, .mm-lesson-wrap h3 {
  max-width: 900px !important;
}

/* ─── Blocs mm-* max 900px pour équilibre visuel ─── */
.mm-objectives-card,
.mm-key-point,
.mm-tip-block,
.mm-resources-block,
.mm-structure-list {
  max-width: 900px !important;
}

/* ═══════════════════════════════════════════════════
   TOPBAR mediaMed v9 — Logo + navigation compacte
═══════════════════════════════════════════════════ */

/* ─── Layout topbar : flex, alignement ─── */
.ld-focus-header {
  display: flex !important;
  align-items: center !important;
  height: 56px !important;
  padding: 0 1.5rem !important;
  gap: 0 !important;
  background: #EEF2FF !important;
}

/* ─── Zone logo ─── */
.ld-brand-logo {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* ─── Zone progression — masquer les textes verbeux ─── */
.ld-progress {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* Masquer "0% Terminé / 0/6 Steps" — on garde juste la barre */
.ld-progress-heading {
  display: none !important;
}

.ld-progress-bar {
  height: 4px !important;
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  width: 160px !important;
  flex-shrink: 0 !important;
}

.ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #00BFA5, #4C3FD4) !important;
  height: 100% !important;
  border-radius: 50px !important;
}

/* ─── BOUTONS NAVIGATION — compacts comme la maquette ─── */
.ld-content-actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
}

.ld-content-action {
  display: flex !important;
  align-items: center !important;
}

/* Boutons Précédent / Suivant */
.ld-content-action .ld-button,
.ld-content-action a.ld-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.4rem 1rem !important;
  border-radius: 8px !important;
  border: 1.5px solid rgba(255,255,255,0.25) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.9) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.18s !important;
  line-height: 1 !important;
}

.ld-content-action .ld-button:hover,
.ld-content-action a.ld-button:hover {
  background: rgba(255,255,255,0.16) !important;
  border-color: rgba(255,255,255,0.45) !important;
}

/* Bouton "Leçon terminée" — indigo plein */
.ld-content-action .ld-button.ld-primary-color,
.ld-content-action a.ld-button.ld-primary-color {
  background: #4C3FD4 !important;
  border-color: #4C3FD4 !important;
  color: white !important;
}

.ld-content-action .ld-button.ld-primary-color:hover {
  background: #3D32B0 !important;
}

/* ─── Masquer les éléments parasites de la topbar ─── */
/* "Accueil Cours" et "Déconnexion" — non souhaités dans la topbar */
.ld-user-menu .ld-user-menu-items {
  display: none !important;
}

/* ─── Avatar utilisateur — garder discret ─── */
.ld-profile-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ld-user-welcome-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important;
  color: rgba(255,255,255,0.65) !important;
}

.ld-user-menu {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
  margin-left: 0.5rem !important;
}

/* ─── Mobile nav — masquer bouton hamburger sur desktop ─── */
@media (min-width: 769px) {
  .ld-mobile-nav { display: none !important; }
}

/* ═══════════════════════════════════════════════════
   TOPBAR mediaMed v9 — Logo + navigation compacte
═══════════════════════════════════════════════════ */

/* ─── Layout topbar : flex, alignement ─── */
.ld-focus-header {
  display: flex !important;
  align-items: center !important;
  height: 56px !important;
  padding: 0 1.5rem !important;
  gap: 0 !important;
  background: #EEF2FF !important;
}

/* ─── Zone logo ─── */
.ld-brand-logo {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* ─── Zone progression — masquer les textes verbeux ─── */
.ld-progress {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* Masquer "0% Terminé / 0/6 Steps" — on garde juste la barre */
.ld-progress-heading {
  display: none !important;
}

.ld-progress-bar {
  height: 4px !important;
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  width: 160px !important;
  flex-shrink: 0 !important;
}

.ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #00BFA5, #4C3FD4) !important;
  height: 100% !important;
  border-radius: 50px !important;
}

/* ─── BOUTONS NAVIGATION — compacts comme la maquette ─── */
.ld-content-actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
}

.ld-content-action {
  display: flex !important;
  align-items: center !important;
}

/* Boutons Précédent / Suivant */
.ld-content-action .ld-button,
.ld-content-action a.ld-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.4rem 1rem !important;
  border-radius: 8px !important;
  border: 1.5px solid rgba(255,255,255,0.25) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.9) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.18s !important;
  line-height: 1 !important;
}

.ld-content-action .ld-button:hover,
.ld-content-action a.ld-button:hover {
  background: rgba(255,255,255,0.16) !important;
  border-color: rgba(255,255,255,0.45) !important;
}

/* Bouton "Leçon terminée" — indigo plein */
.ld-content-action .ld-button.ld-primary-color,
.ld-content-action a.ld-button.ld-primary-color {
  background: #4C3FD4 !important;
  border-color: #4C3FD4 !important;
  color: white !important;
}

.ld-content-action .ld-button.ld-primary-color:hover {
  background: #3D32B0 !important;
}

/* ─── Masquer les éléments parasites de la topbar ─── */
/* "Accueil Cours" et "Déconnexion" — non souhaités dans la topbar */
.ld-user-menu .ld-user-menu-items {
  display: none !important;
}

/* ─── Avatar utilisateur — garder discret ─── */
.ld-profile-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ld-user-welcome-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important;
  color: rgba(255,255,255,0.65) !important;
}

.ld-user-menu {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
  margin-left: 0.5rem !important;
}

/* ─── Mobile nav — masquer bouton hamburger sur desktop ─── */
@media (min-width: 769px) {
  .ld-mobile-nav { display: none !important; }
}

/* ═══════════════════════════════════════════════════
   TOPBAR mediaMed v9 — Logo + navigation compacte
═══════════════════════════════════════════════════ */

/* ─── Layout topbar : flex, alignement ─── */
.ld-focus-header {
  display: flex !important;
  align-items: center !important;
  height: 56px !important;
  padding: 0 1.5rem !important;
  gap: 0 !important;
  background: #EEF2FF !important;
}

/* ─── Zone logo ─── */
.ld-brand-logo {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* ─── Zone progression — masquer les textes verbeux ─── */
.ld-progress {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* Masquer "0% Terminé / 0/6 Steps" — on garde juste la barre */
.ld-progress-heading {
  display: none !important;
}

.ld-progress-bar {
  height: 4px !important;
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  width: 160px !important;
  flex-shrink: 0 !important;
}

.ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #00BFA5, #4C3FD4) !important;
  height: 100% !important;
  border-radius: 50px !important;
}

/* ─── BOUTONS NAVIGATION — compacts comme la maquette ─── */
.ld-content-actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
}

.ld-content-action {
  display: flex !important;
  align-items: center !important;
}

/* Boutons Précédent / Suivant */
.ld-content-action .ld-button,
.ld-content-action a.ld-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.4rem 1rem !important;
  border-radius: 8px !important;
  border: 1.5px solid rgba(255,255,255,0.25) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.9) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.18s !important;
  line-height: 1 !important;
}

.ld-content-action .ld-button:hover,
.ld-content-action a.ld-button:hover {
  background: rgba(255,255,255,0.16) !important;
  border-color: rgba(255,255,255,0.45) !important;
}

/* Bouton "Leçon terminée" — indigo plein */
.ld-content-action .ld-button.ld-primary-color,
.ld-content-action a.ld-button.ld-primary-color {
  background: #4C3FD4 !important;
  border-color: #4C3FD4 !important;
  color: white !important;
}

.ld-content-action .ld-button.ld-primary-color:hover {
  background: #3D32B0 !important;
}

/* ─── Masquer les éléments parasites de la topbar ─── */
/* "Accueil Cours" et "Déconnexion" — non souhaités dans la topbar */
.ld-user-menu .ld-user-menu-items {
  display: none !important;
}

/* ─── Avatar utilisateur — garder discret ─── */
.ld-profile-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ld-user-welcome-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important;
  color: rgba(255,255,255,0.65) !important;
}

.ld-user-menu {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
  margin-left: 0.5rem !important;
}

/* ─── Mobile nav — masquer bouton hamburger sur desktop ─── */
@media (min-width: 769px) {
  .ld-mobile-nav { display: none !important; }
}

/* ═══════════════════════════════════════════════
   TOPBAR — Correctif logo mediaMed pleine largeur
═══════════════════════════════════════════════ */

/* Réduire .ld-brand-logo de 350px à sa taille naturelle */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: unset !important;
  max-width: 180px !important;
  
}

/* Zone infos parcours — prend l'espace libéré */
.ld-focus-header .mm-topbar-course-info {
  flex: 1 !important;
  min-width: 0 !important;
}

/* Boutons nav — cohérence taille */
.ld-focus-header .ld-content-actions {
  flex: 0 0 auto !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Correctif logo mediaMed pleine largeur
═══════════════════════════════════════════════ */

/* Réduire .ld-brand-logo de 350px à sa taille naturelle */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: unset !important;
  max-width: 180px !important;
  
}

/* Zone infos parcours — prend l'espace libéré */
.ld-focus-header .mm-topbar-course-info {
  flex: 1 !important;
  min-width: 0 !important;
}

/* Boutons nav — cohérence taille */
.ld-focus-header .ld-content-actions {
  flex: 0 0 auto !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ═══════════════════════════════════════════════
   TOPBAR — Fond logo zone + texte mediaMed visible
═══════════════════════════════════════════════ */

/* La sidebar a un fond blanc qui remonte derrière la zone logo.
   On force le fond de toute la topbar pour couvrir ce problème. */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  background: #EEF2FF !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Forcer le fond de la zone sidebar dans la topbar */
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-focus-header {
  background: #EEF2FF !important;
}

/* Titre de la sidebar dans la topbar (en-tête bleu de la sidebar) */
.ld-course-navigation-heading {
  background: #EEF2FF !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ════════════════════════════════════════════════
   TOPBAR — Modification v10
   - Supprimer boutons Précédent/Suivant
   - Afficher % à côté de la barre de progression
════════════════════════════════════════════════ */

/* 1. Masquer les boutons Leçon Précédente / Suivante */
.ld-focus-header .ld-content-actions {
  display: none !important;
}

/* 2. Progression : réorganiser en flex horizontal
   barre + % sur une seule ligne */
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Afficher le heading (contenait % + steps) */
.ld-focus-header .ld-progress-heading {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  order: 2 !important;
}

/* Barre de progression — en premier */
.ld-focus-header .ld-progress-bar {
  order: 1 !important;
  width: 120px !important;
  height: 4px !important;
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ld-focus-header .ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #00BFA5, #4C3FD4) !important;
  height: 100% !important;
  border-radius: 50px !important;
}

/* Pourcentage — visible, compact */
.ld-focus-header .ld-progress-percentage {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.75) !important;
  white-space: nowrap !important;
}

/* Masquer "2/6 Steps" — garder seulement le % */
.ld-focus-header .ld-progress-steps {
  display: none !important;
}

/* 3. Libérer l'espace — mm-topbar-course-info prend plus de place */
.ld-focus-header .mm-topbar-course-info {
  flex: 1 !important;
  min-width: 0 !important;
}

/* 4. L'utilisateur peut prendre un peu moins de place */
.ld-focus-header .ld-user-menu {
  flex-shrink: 0 !important;
}

/* ════════════════════════════════════════════════
   TOPBAR — Modification v10
   - Supprimer boutons Précédent/Suivant
   - Afficher % à côté de la barre de progression
════════════════════════════════════════════════ */

/* 1. Masquer les boutons Leçon Précédente / Suivante */
.ld-focus-header .ld-content-actions {
  display: none !important;
}

/* 2. Progression : réorganiser en flex horizontal
   barre + % sur une seule ligne */
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Afficher le heading (contenait % + steps) */
.ld-focus-header .ld-progress-heading {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  order: 2 !important;
}

/* Barre de progression — en premier */
.ld-focus-header .ld-progress-bar {
  order: 1 !important;
  width: 120px !important;
  height: 4px !important;
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ld-focus-header .ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #00BFA5, #4C3FD4) !important;
  height: 100% !important;
  border-radius: 50px !important;
}

/* Pourcentage — visible, compact */
.ld-focus-header .ld-progress-percentage {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.75) !important;
  white-space: nowrap !important;
}

/* Masquer "2/6 Steps" — garder seulement le % */
.ld-focus-header .ld-progress-steps {
  display: none !important;
}

/* 3. Libérer l'espace — mm-topbar-course-info prend plus de place */
.ld-focus-header .mm-topbar-course-info {
  flex: 1 !important;
  min-width: 0 !important;
}

/* 4. L'utilisateur peut prendre un peu moins de place */
.ld-focus-header .ld-user-menu {
  flex-shrink: 0 !important;
}

/* ════════════════════════════════════════════════
   TOPBAR — Modification v10
   - Supprimer boutons Précédent/Suivant
   - Afficher % à côté de la barre de progression
════════════════════════════════════════════════ */

/* 1. Masquer les boutons Leçon Précédente / Suivante */
.ld-focus-header .ld-content-actions {
  display: none !important;
}

/* 2. Progression : réorganiser en flex horizontal
   barre + % sur une seule ligne */
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Afficher le heading (contenait % + steps) */
.ld-focus-header .ld-progress-heading {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  order: 2 !important;
}

/* Barre de progression — en premier */
.ld-focus-header .ld-progress-bar {
  order: 1 !important;
  width: 120px !important;
  height: 4px !important;
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ld-focus-header .ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #00BFA5, #4C3FD4) !important;
  height: 100% !important;
  border-radius: 50px !important;
}

/* Pourcentage — visible, compact */
.ld-focus-header .ld-progress-percentage {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.75) !important;
  white-space: nowrap !important;
}

/* Masquer "2/6 Steps" — garder seulement le % */
.ld-focus-header .ld-progress-steps {
  display: none !important;
}

/* 3. Libérer l'espace — mm-topbar-course-info prend plus de place */
.ld-focus-header .mm-topbar-course-info {
  flex: 1 !important;
  min-width: 0 !important;
}

/* 4. L'utilisateur peut prendre un peu moins de place */
.ld-focus-header .ld-user-menu {
  flex-shrink: 0 !important;
}

/* ══════════════════════════════════════════════
   TOPBAR — Corrections alignement v11
   1) MDO aligné avec Module 1 (+3px padding)
   2) Barre progression + % à droite avant séparateur
══════════════════════════════════════════════ */

/* 1. Logo : padding-left 34px pour aligner MDO avec Module 1 (left:40) */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 350px !important;
  width: 350px !important;
  
  box-sizing: border-box !important;
  background: #EEF2FF !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* 2. Zone progress : passer flex-end pour coller à droite */
.ld-focus-header .ld-progress {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding-right: 20px !important;
}

.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

/* Barre avant le % */
.ld-focus-header .ld-progress-bar {
  order: 1 !important;
  width: 110px !important;
  height: 4px !important;
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ld-focus-header .ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #00BFA5, #4C3FD4) !important;
  height: 100% !important;
  border-radius: 50px !important;
}

/* % à droite de la barre */
.ld-focus-header .ld-progress-heading {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
}

.ld-focus-header .ld-progress-percentage {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.75) !important;
  white-space: nowrap !important;
}

.ld-focus-header .ld-progress-steps {
  display: none !important;
}

/* ══════════════════════════════════════════════
   TOPBAR — Corrections alignement v11
   1) MDO aligné avec Module 1 (+3px padding)
   2) Barre progression + % à droite avant séparateur
══════════════════════════════════════════════ */

/* 1. Logo : padding-left 34px pour aligner MDO avec Module 1 (left:40) */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 350px !important;
  width: 350px !important;
  
  box-sizing: border-box !important;
  background: #EEF2FF !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* 2. Zone progress : passer flex-end pour coller à droite */
.ld-focus-header .ld-progress {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding-right: 20px !important;
}

.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

/* Barre avant le % */
.ld-focus-header .ld-progress-bar {
  order: 1 !important;
  width: 110px !important;
  height: 4px !important;
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ld-focus-header .ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #00BFA5, #4C3FD4) !important;
  height: 100% !important;
  border-radius: 50px !important;
}

/* % à droite de la barre */
.ld-focus-header .ld-progress-heading {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
}

.ld-focus-header .ld-progress-percentage {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.75) !important;
  white-space: nowrap !important;
}

.ld-focus-header .ld-progress-steps {
  display: none !important;
}

/* ══════════════════════════════════════════════
   TOPBAR — Corrections alignement v11
   1) MDO aligné avec Module 1 (+3px padding)
   2) Barre progression + % à droite avant séparateur
══════════════════════════════════════════════ */

/* 1. Logo : padding-left 34px pour aligner MDO avec Module 1 (left:40) */
.ld-focus-header .ld-brand-logo {
  flex: 0 0 350px !important;
  width: 350px !important;
  
  box-sizing: border-box !important;
  background: #EEF2FF !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* 2. Zone progress : passer flex-end pour coller à droite */
.ld-focus-header .ld-progress {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding-right: 20px !important;
}

.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

/* Barre avant le % */
.ld-focus-header .ld-progress-bar {
  order: 1 !important;
  width: 110px !important;
  height: 4px !important;
  background: rgba(255,255,255,0.2) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ld-focus-header .ld-progress-bar .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #00BFA5, #4C3FD4) !important;
  height: 100% !important;
  border-radius: 50px !important;
}

/* % à droite de la barre */
.ld-focus-header .ld-progress-heading {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
}

.ld-focus-header .ld-progress-percentage {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.75) !important;
  white-space: nowrap !important;
}

.ld-focus-header .ld-progress-steps {
  display: none !important;
}

/* ══════════════════════════════════════════
   TOPBAR — Centrage vertical barre progression
══════════════════════════════════════════ */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
  height: 100% !important;
}

.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* ══════════════════════════════════════════
   TOPBAR — Centrage vertical barre progression
══════════════════════════════════════════ */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
  height: 100% !important;
}

.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
/* Centrage vertical barre progression - correctif final */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
  align-self: stretch !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 100% !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Topbar hauteur étendue pour 3 lignes logo */
.ld-focus-header {
  height: 72px !important;
  min-height: 72px !important;
}
/* Centrage barre recalculé pour 72px */
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Topbar — hauteur 76px pour 3 lignes logo */
.ld-focus-header {
  height: 76px !important;
  min-height: 76px !important;
  overflow: visible !important;
}
.ld-focus-header .ld-brand-logo {
  overflow: visible !important;
}
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#ld-focus-sidebar {
  top: 76px !important;
  height: calc(100vh - 76px) !important;
}
#ld-focus-content {
  padding-top: 76px !important;
}

/* Topbar — hauteur 76px pour 3 lignes logo */
.ld-focus-header {
  height: 76px !important;
  min-height: 76px !important;
  overflow: visible !important;
}
.ld-focus-header .ld-brand-logo {
  overflow: visible !important;
}
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#ld-focus-sidebar {
  top: 76px !important;
  height: calc(100vh - 76px) !important;
}
#ld-focus-content {
  padding-top: 76px !important;
}

/* Topbar — hauteur 76px pour 3 lignes logo */
.ld-focus-header {
  height: 76px !important;
  min-height: 76px !important;
  overflow: visible !important;
}
.ld-focus-header .ld-brand-logo {
  overflow: visible !important;
}
.ld-focus-header .ld-progress {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 !important;
  padding-right: 20px !important;
}
.ld-focus-header .ld-progress-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#ld-focus-sidebar {
  top: 76px !important;
  height: calc(100vh - 76px) !important;
}
#ld-focus-content {
  padding-top: 76px !important;
}

/* Topbar — contrôle flex zone progress */
.ld-focus-header .ld-progress-wrap {
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: auto !important;
}
.ld-focus-header .mm-topbar-course-info {
  flex: 1 !important;
  min-width: 0 !important;
  padding-left: 194px !important;
}
/* ════════════════════════════════════════════
   SIDEBAR mediaMed — fidèle maquette v2
   Avril 2026
════════════════════════════════════════════ */

.ld-focus-sidebar-wrapper::-webkit-scrollbar { width: 4px; }
.ld-focus-sidebar-wrapper::-webkit-scrollbar-thumb { background: #E2E8F0; border-radius: 2px; }
.ld-focus-sidebar-wrapper { padding-bottom: 80px !important; }

.ld-focus-sidebar-trigger {
  background: rgba(255,255,255,0.15) !important;
  border: none !important;
  border-radius: 50% !important;
  width: 28px !important; height: 28px !important;
}

.ld-lesson-item-preview {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  gap: 0 !important;
  border-bottom: 1px solid rgba(226,232,240,0.6) !important;
  background: white !important;
}
.ld-lesson-item.ld-is-current-lesson > .ld-lesson-item-preview {
  border-left: 3px solid #4C3FD4 !important;
  background: rgba(76,63,212,0.05) !important;
}

.ld-lesson-item-preview-heading {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  padding: 0.65rem 1.25rem !important;
  text-decoration: none !important;
  width: 100% !important;
  transition: background 0.15s !important;
}
.ld-lesson-item-preview-heading:hover { background: #F8FAFC !important; }
.ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading {
  padding-left: calc(1.25rem - 3px) !important;
}

.ld-lesson-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
  line-height: 1.4 !important;
}
.ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
  color: #4C3FD4 !important; font-weight: 600 !important;
}

.ld-lesson-item-preview .ld-status-icon {
  width: 20px !important; height: 20px !important; min-width: 20px !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 0.6rem !important; font-weight: 700 !important; margin-top: 1px !important;
}
.ld-lesson-item-preview .ld-status-icon.ld-status-complete {
  background: #00C896 !important; color: white !important; border: none !important;
}
.ld-lesson-item-preview .ld-status-icon:not(.ld-status-complete) {
  background: transparent !important; border: 2px solid #E2E8F0 !important;
}

.ld-expand-button {
  display: flex !important; align-items: center !important; gap: 0.4rem !important;
  padding: 0.25rem 1.25rem 0.4rem 3.35rem !important;
  background: transparent !important; border: none !important;
  cursor: pointer !important; width: 100% !important;
}
.ld-expand-button:hover { background: #F8FAFC !important; }
.ld-expand-text {
  font-size: 0.67rem !important; font-weight: 600 !important;
  color: #94A3B8 !important; text-transform: uppercase !important;
  letter-spacing: 0.07em !important; font-family: 'Inter', sans-serif !important;
}
.ld-icon-arrow-down.ld-icon {
  width: 14px !important; height: 14px !important;
  font-size: 0.5rem !important; background: #E2E8F0 !important;
  color: #94A3B8 !important; border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}

.ld-table-list.ld-topic-list { background: rgba(248,250,252,0.8) !important; }

.ld-table-list-item-preview {
  display: flex !important; align-items: center !important; gap: 0.55rem !important;
  padding: 0.48rem 1.25rem 0.48rem 2.75rem !important;
  font-family: 'Inter', sans-serif !important; font-size: 0.76rem !important;
  color: #64748B !important; border-bottom: 1px solid rgba(226,232,240,0.4) !important;
  text-decoration: none !important; transition: background 0.15s !important;
  border-left: none !important;
}
.ld-table-list-item-preview:hover { background: rgba(76,63,212,0.03) !important; }
.ld-table-list-item-preview.ld-is-current-item {
  color: #4C3FD4 !important; font-weight: 600 !important;
  background: rgba(76,63,212,0.06) !important;
}

.ld-table-list-item .ld-status-icon,
.ld-table-list-item .ld-status-icon * {
  width: 7px !important; height: 7px !important;
  min-width: 7px !important; max-width: 7px !important;
  min-height: 7px !important; max-height: 7px !important;
  border-radius: 50% !important; overflow: hidden !important;
  font-size: 0 !important; line-height: 7px !important;
  flex-shrink: 0 !important; background: #E2E8F0 !important; border: none !important;
}
.ld-table-list-item.learndash-complete .ld-status-icon { background: #00C896 !important; }
.ld-table-list-item-preview.ld-is-current-item .ld-status-icon { background: #4C3FD4 !important; }

.ld-table-list-item-preview[href*="quiz"] { color: #E91E63 !important; }
.ld-table-list-item-preview[href*="quiz"] .ld-status-icon { background: rgba(233,30,99,0.3) !important; }

/* Fix dot topics — masquer icones fonte */
.ld-table-list-item .ld-status-icon { color: transparent !important; }
.ld-table-list-item .ld-status-icon *,
.ld-table-list-item .ld-status-icon::before,
.ld-table-list-item .ld-status-icon::after,
.ld-table-list-item .ld-status-icon *::before,
.ld-table-list-item .ld-status-icon *::after { display: none !important; }

/* Fix dot topics — masquer icones fonte */
.ld-table-list-item .ld-status-icon { color: transparent !important; }
.ld-table-list-item .ld-status-icon *,
.ld-table-list-item .ld-status-icon::before,
.ld-table-list-item .ld-status-icon::after,
.ld-table-list-item .ld-status-icon *::before,
.ld-table-list-item .ld-status-icon *::after { display: none !important; }

/* ═══════════════════════════════════════
   SIDEBAR HEADER — Blanc, maquette v2
═══════════════════════════════════════ */
.ld-course-navigation-heading {
  background: white !important;
  padding: 0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
  display: block !important;
  position: relative !important;
}
.ld-focus-mode-course-heading-wrapper,
.ld-course-navigation-heading .ld-icon-content { display: none !important; }
.ld-focus-sidebar-trigger {
  position: absolute !important;
  top: 0.85rem !important; right: 0.85rem !important;
  background: rgba(47,58,143,0.1) !important;
  border-radius: 50% !important;
  width: 26px !important; height: 26px !important;
  min-width: 26px !important; max-width: 26px !important;
  border: none !important; z-index: 2 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.ld-focus-sidebar-trigger .ld-icon-arrow-left { color: #2F3A8F !important; font-size: 0.65rem !important; }
.mm-header-custom { padding: 1.25rem 1.25rem 1rem; width: 100%; }
.mm-header-custom .mm-hc-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  color: #0F172A; line-height: 1.35;
  margin-bottom: 0.75rem; padding-right: 2rem;
}
.mm-header-custom .mm-hc-bar-wrap {
  height: 4px; background: #E2E8F0;
  border-radius: 50px; overflow: hidden; margin-bottom: 0.35rem;
}
.mm-header-custom .mm-hc-bar-fill {
  height: 100%; border-radius: 50px;
  background: linear-gradient(90deg,#00BFA5,#4C3FD4);
  transition: width 0.3s;
}
.mm-header-custom .mm-hc-label { font-size: 0.7rem; color: #64748B; }

/* ═══════════════════════════════════════
   SIDEBAR HEADER — Blanc, maquette v2
═══════════════════════════════════════ */
.ld-course-navigation-heading {
  background: white !important;
  padding: 0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
  display: block !important;
  position: relative !important;
}
.ld-focus-mode-course-heading-wrapper,
.ld-course-navigation-heading .ld-icon-content { display: none !important; }
.ld-focus-sidebar-trigger {
  position: absolute !important;
  top: 0.85rem !important; right: 0.85rem !important;
  background: rgba(47,58,143,0.1) !important;
  border-radius: 50% !important;
  width: 26px !important; height: 26px !important;
  min-width: 26px !important; max-width: 26px !important;
  border: none !important; z-index: 2 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.ld-focus-sidebar-trigger .ld-icon-arrow-left { color: #2F3A8F !important; font-size: 0.65rem !important; }
.mm-header-custom { padding: 1.25rem 1.25rem 1rem; width: 100%; }
.mm-header-custom .mm-hc-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  color: #0F172A; line-height: 1.35;
  margin-bottom: 0.75rem; padding-right: 2rem;
}
.mm-header-custom .mm-hc-bar-wrap {
  height: 4px; background: #E2E8F0;
  border-radius: 50px; overflow: hidden; margin-bottom: 0.35rem;
}
.mm-header-custom .mm-hc-bar-fill {
  height: 100%; border-radius: 50px;
  background: linear-gradient(90deg,#00BFA5,#4C3FD4);
  transition: width 0.3s;
}
.mm-header-custom .mm-hc-label { font-size: 0.7rem; color: #64748B; }

/* Fix bouton collapse sidebar — supprimer ovale gris */
.ld-course-navigation-heading .ld-focus-sidebar-trigger,
.ld-course-navigation-heading .ld-focus-sidebar-trigger:hover,
.ld-course-navigation-heading .ld-focus-sidebar-trigger:focus {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
/* Masquer le texte screen-reader du bouton */
.ld-course-navigation-heading .ld-focus-sidebar-trigger .ld-text { display: none !important; }

/* Fix bouton collapse sidebar — supprimer ovale gris */
.ld-course-navigation-heading .ld-focus-sidebar-trigger,
.ld-course-navigation-heading .ld-focus-sidebar-trigger:hover,
.ld-course-navigation-heading .ld-focus-sidebar-trigger:focus {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
/* Masquer le texte screen-reader du bouton */
.ld-course-navigation-heading .ld-focus-sidebar-trigger .ld-text { display: none !important; }

/* ═══════════════════════════════════════════════
   RESPONSIVE MOBILE — mediaMed LearnDash
   Breakpoint LearnDash : 768px
═══════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* Masquer le bloc "PARCOURS EN COURS" sur mobile
     (le header devient hamburger + progression) */
  .mm-topbar-course-info { display: none !important; }

  /* Header topbar mobile — hauteur auto, flex wrap natif */
  .ld-focus-header {
    height: auto !important;
    min-height: 52px !important;
    padding: 0.5rem 0.75rem !important;
  }

  /* Progression mobile — pleine largeur */
  .ld-focus-header .ld-progress {
    width: 100% !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
  }

  /* Sidebar header — padding réduit sur mobile */
  .mm-header-custom { padding: 1rem !important; }
  .mm-header-custom .mm-hc-title { font-size: 0.8rem !important; }

  /* Contenu des leçons/capsules */
  .ld-focus-content, #ld-focus-content {
    padding: 1.25rem 1rem 3rem !important;
  }

  /* Blocs mm-* — adaptés mobile */
  .mm-objectives-card,
  .mm-key-point,
  .mm-tip-block,
  .mm-resources-block {
    padding: 0.85rem !important;
    margin: 1rem 0 !important;
  }

  /* Vidéo — pleine largeur mobile */
  .mm-video-zone {
    border-radius: 8px !important;
    max-height: 220px !important;
  }

  /* Breadcrumbs — masquer sur mobile pour gagner de l'espace */
  .ld-focus-content .ld-breadcrumbs { display: none !important; }

}

@media (max-width: 480px) {

  /* Très petits écrans */
  .mm-header-custom .mm-hc-title { font-size: 0.75rem !important; }

  .ld-table-list-item-preview {
    padding: 0.5rem 0.75rem 0.5rem 2rem !important;
    font-size: 0.72rem !important;
  }

  .ld-lesson-item-preview-heading {
    padding: 0.55rem 0.75rem !important;
  }
  .ld-lesson-title { font-size: 0.75rem !important; }

}

/* ═══════════════════════════════════════════════
   NAVIGATION SIDEBAR — Capsules directement attachées
   Clic sur module = replie/déplie les capsules
═══════════════════════════════════════════════ */

/* Masquer le bouton "N Capsule" */
.ld-expand-button { display: none !important; }

/* Toujours afficher les capsules (override height-based collapse) */
.ld-lesson-item-expanded {
  display: block !important;
  max-height: 9999px !important;
  height: auto !important;
  overflow: visible !important;
  transition: none !important;
}
.ld-lesson-item-expanded.mm-collapsed {
  max-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Chevron indicateur sur le heading module */
.ld-lesson-item-preview { position: relative !important; }
.ld-lesson-item-preview-heading {
  cursor: pointer !important;
  padding-right: 2rem !important;
}
.ld-lesson-item-preview-heading::after {
  content: '\25BE';
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  color: #94A3B8;
  transition: transform 0.2s;
  pointer-events: none;
}
.ld-lesson-item.mm-collapsed .ld-lesson-item-preview-heading::after {
  transform: translateY(-50%) rotate(-90deg);
}

/* Bouton toggle ▾ — override styles LearnDash */
.mm-toggle-btn {
  position: absolute !important;
  right: 0.5rem !important; top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important; background-color: transparent !important;
  border: none !important; box-shadow: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  color: #94A3B8 !important;
  font-size: 0.8rem !important;
  padding: 0.25rem 0.4rem !important;
  line-height: 1 !important;
  width: auto !important; height: auto !important;
  min-width: 0 !important; min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
  transition: color 0.15s !important;
}
.mm-toggle-btn:hover { color: #4C3FD4 !important; background: rgba(76,63,212,0.06) !important; }
.ld-lesson-item.mm-collapsed .mm-toggle-btn { transform: translateY(-50%) rotate(-90deg) !important; }

/* ===== MM — Sidebar 280px + Bottom Nav (Avril 2026) ===== */
.ld-focus-sidebar { width: 280px !important; min-width: 280px !important; max-width: 280px !important; }
.ld-focus-content { margin-left: 280px !important; }
.mm-header-custom { padding: 0.75rem 1rem 0.6rem !important; }
.mm-bottom-nav {
  position: fixed; bottom: 0; right: 0;
  width: calc(100% - 280px); height: 58px;
  background: #ffffff; border-top: 1px solid #E2E8F0;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 1.5rem; z-index: 9999;
  box-shadow: 0 -2px 8px rgba(15,23,42,0.06);
  font-family: 'Inter', sans-serif;
}
.mm-nav-btn {
  display: flex; align-items: center; gap: 0.4rem;
  font-size: 0.78rem; color: #64748B;
  text-decoration: none !important;
  min-width: 120px; max-width: 210px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: color 0.2s;
}
.mm-nav-btn:hover { color: #4C3FD4; }
.mm-nav-btn.mm-nav-prev { justify-content: flex-start; }
.mm-nav-btn.mm-nav-next { justify-content: flex-end; }
.mm-nav-btn.mm-disabled { opacity: 0.3; pointer-events: none; }
.mm-nav-arrow { font-size: 1.1rem; color: #94A3B8; flex-shrink: 0; }
.mm-nav-center { display: flex; align-items: center; justify-content: center; flex: 1; }
.mm-nav-complete-btn {
  background: #4C3FD4; color: white; border: none; border-radius: 8px;
  padding: 0.48rem 1.4rem; font-size: 0.81rem; font-weight: 600;
  font-family: 'Inter', sans-serif; cursor: pointer;
  box-shadow: 0 2px 6px rgba(76,63,212,0.3);
}
.mm-bottom-nav #sfwd-mark-complete input[type="submit"] {
  background: #4C3FD4 !important; color: #ffffff !important;
  border: none !important; border-radius: 8px !important;
  padding: 0.48rem 1.4rem !important; font-size: 0.81rem !important;
  font-weight: 600 !important; font-family: 'Inter', sans-serif !important;
  cursor: pointer !important; box-shadow: 0 2px 6px rgba(76,63,212,0.3) !important;
}
.mm-bottom-nav #sfwd-mark-complete input[disabled] { background: #00BFA5 !important; box-shadow: none !important; }
.ld-focus-content { padding-bottom: 80px !important; }
@media (max-width: 768px) {
  .mm-bottom-nav { width: 100% !important; padding: 0 1rem !important; height: 54px; }
  .mm-nav-label { display: none !important; }
  .mm-nav-arrow { font-size: 1.3rem; }
}

/* ===== MM — Sidebar 280px + Bottom Nav (Avril 2026) ===== */
.ld-focus-sidebar { width: 280px !important; min-width: 280px !important; max-width: 280px !important; }
.ld-focus-content { margin-left: 280px !important; }
.mm-header-custom { padding: 0.75rem 1rem 0.6rem !important; }
.mm-bottom-nav {
  position: fixed; bottom: 0; right: 0;
  width: calc(100% - 280px); height: 58px;
  background: #ffffff; border-top: 1px solid #E2E8F0;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 1.5rem; z-index: 9999;
  box-shadow: 0 -2px 8px rgba(15,23,42,0.06);
  font-family: 'Inter', sans-serif;
}
.mm-nav-btn {
  display: flex; align-items: center; gap: 0.4rem;
  font-size: 0.78rem; color: #64748B;
  text-decoration: none !important;
  min-width: 120px; max-width: 210px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: color 0.2s;
}
.mm-nav-btn:hover { color: #4C3FD4; }
.mm-nav-btn.mm-nav-prev { justify-content: flex-start; }
.mm-nav-btn.mm-nav-next { justify-content: flex-end; }
.mm-nav-btn.mm-disabled { opacity: 0.3; pointer-events: none; }
.mm-nav-arrow { font-size: 1.1rem; color: #94A3B8; flex-shrink: 0; }
.mm-nav-center { display: flex; align-items: center; justify-content: center; flex: 1; }
.mm-nav-complete-btn {
  background: #4C3FD4; color: white; border: none; border-radius: 8px;
  padding: 0.48rem 1.4rem; font-size: 0.81rem; font-weight: 600;
  font-family: 'Inter', sans-serif; cursor: pointer;
  box-shadow: 0 2px 6px rgba(76,63,212,0.3);
}
.mm-bottom-nav #sfwd-mark-complete input[type="submit"] {
  background: #4C3FD4 !important; color: #ffffff !important;
  border: none !important; border-radius: 8px !important;
  padding: 0.48rem 1.4rem !important; font-size: 0.81rem !important;
  font-weight: 600 !important; font-family: 'Inter', sans-serif !important;
  cursor: pointer !important; box-shadow: 0 2px 6px rgba(76,63,212,0.3) !important;
}
.mm-bottom-nav #sfwd-mark-complete input[disabled] { background: #00BFA5 !important; box-shadow: none !important; }
.ld-focus-content { padding-bottom: 80px !important; }
@media (max-width: 768px) {
  .mm-bottom-nav { width: 100% !important; padding: 0 1rem !important; height: 54px; }
  .mm-nav-label { display: none !important; }
  .mm-nav-arrow { font-size: 1.3rem; }
}

/* ===== MM FIX — Layout sidebar 280px (remplacement Snippet 19 précédent) ===== */
/* Cible correcte : ld-focus-main (contient le contenu, décalé de la sidebar fixed) */
.learndash-wrapper .ld-focus .ld-focus-main {
  margin-left: 280px !important;
  width: calc(100% - 280px) !important;
  transition: margin-left 0.3s !important;
}
/* Annuler le mauvais margin-left mis précédemment sur ld-focus-content */
.ld-focus-content {
  margin-left: 0 !important;
}
/* Sidebar collapsed */
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main {
  margin-left: 50px !important;
  width: calc(100% - 50px) !important;
}
/* Bouton collapse : ne pas chevaucher le titre */
.ld-focus-sidebar-trigger {
  right: -20px !important;
  z-index: 100 !important;
}

/* ===== MM FIX — Enfants sidebar width 280px (anciens 350px LearnDash) ===== */
.ld-course-navigation-heading { width: 280px !important; overflow: hidden !important; }
.mm-header-custom { width: 100% !important; max-width: 280px !important; box-sizing: border-box !important; }
.ld-focus-sidebar-wrapper { width: 280px !important; overflow: hidden !important; }

/* ===== MM — Padding contenu réduit ===== */
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
  padding: 2rem 2.5rem 5rem !important;
}

/* ===== MM — Padding contenu réduit ===== */
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
  padding: 2rem 2.5rem 5rem !important;
}

/* ===== MM — Padding contenu réduit ===== */
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
  padding: 2rem 2.5rem 5rem !important;
}

/* ===== MM FIX — Réduction marges contenu (Avril 2026) ===== */
/* Écrase le padding-top: 76px et réduit padding gauche/droite de 3rem→1.5rem */
#ld-focus-content,
.ld-focus-content,
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
  padding: 1.5rem 1.5rem 90px !important;
}

/* Trigger bouton — plus rogné */
.ld-course-navigation-heading { overflow: visible !important; }
.ld-focus-sidebar { overflow: hidden !important; }

/* === MM — Sidebar 300px final === */
.ld-focus-sidebar { width: 300px !important; min-width: 300px !important; max-width: 300px !important; overflow: visible !important; }
.ld-course-navigation-heading { width: 300px !important; overflow: visible !important; }
.mm-header-custom { width: 100% !important; max-width: 300px !important; box-sizing: border-box !important; }
.ld-focus-sidebar-wrapper { width: 300px !important; }
.learndash-wrapper .ld-focus .ld-focus-main { margin-left: 300px !important; width: calc(100% - 300px) !important; }
.ld-focus-content { margin-left: 0 !important; }
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main { margin-left: 50px !important; width: calc(100% - 50px) !important; }
.mm-bottom-nav { width: calc(100% - 300px) !important; }

/* === MM — Sidebar 300px final === */
.ld-focus-sidebar { width: 300px !important; min-width: 300px !important; max-width: 300px !important; overflow: visible !important; }
.ld-course-navigation-heading { width: 300px !important; overflow: visible !important; }
.mm-header-custom { width: 100% !important; max-width: 300px !important; box-sizing: border-box !important; }
.ld-focus-sidebar-wrapper { width: 300px !important; }
.learndash-wrapper .ld-focus .ld-focus-main { margin-left: 300px !important; width: calc(100% - 300px) !important; }
.ld-focus-content { margin-left: 0 !important; }
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main { margin-left: 50px !important; width: calc(100% - 50px) !important; }
.mm-bottom-nav { width: calc(100% - 300px) !important; }

/* === MM — Navigation items pleine largeur === */
.ld-course-navigation { padding: 0 !important; }
.ld-course-navigation-list,
.ld-lesson-navigation,
.ld-lesson-items,
.ld-lesson-item,
.ld-lesson-item-preview { width: 100% !important; box-sizing: border-box !important; }

/* === MM — Flèches toggle plus grandes === */
.mm-toggle-btn {
  font-size: 1.2rem !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748B !important;
  opacity: 1 !important;
}

/* === MM — Flèches toggle plus grandes === */
.mm-toggle-btn {
  font-size: 1.2rem !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748B !important;
  opacity: 1 !important;
}

/* === MM — Flèches toggle encore plus grandes === */
.mm-toggle-btn {
  font-size: 1.6rem !important;
  width: 28px !important;
  height: 28px !important;
}

/* === MM — Masquer bouton expand natif LearnDash === */
.ld-expand-button,
.ld-expand-button *,
.ld-lesson-item-preview .ld-expand-button { display: none !important; visibility: hidden !important; }

/* === MM — Masquer bouton expand natif LearnDash === */
.ld-expand-button,
.ld-expand-button *,
.ld-lesson-item-preview .ld-expand-button { display: none !important; visibility: hidden !important; }

/* === MM — Capsules pleine largeur === */
.ld-table-list.ld-topic-list { padding: 0 !important; }
.ld-table-list-items { padding: 0 !important; }
.ld-table-list-item,
.ld-table-list-item-preview { width: 100% !important; box-sizing: border-box !important; }

/* === MM — Capsules pleine largeur === */
.ld-table-list.ld-topic-list { padding: 0 !important; }
.ld-table-list-items { padding: 0 !important; }
.ld-table-list-item,
.ld-table-list-item-preview { width: 100% !important; box-sizing: border-box !important; }

/* === MM — Suppression bordure sous les modules/capsules === */
.ld-lesson-item-preview,
.ld-lesson-item { border-bottom: none !important; }

/* === MM — Suppression bordure sous les modules/capsules === */
.ld-lesson-item-preview,
.ld-lesson-item { border-bottom: none !important; }

/* === MM — Suppression bordure sous les modules/capsules === */
.ld-lesson-item-preview,
.ld-lesson-item { border-bottom: none !important; }

/* === MM — Suppression bordure sous les modules/capsules === */
.ld-lesson-item-preview,
.ld-lesson-item { border-bottom: none !important; }

/* === MM — Suppression bordure modules — spécificité haute === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item,
.learndash-wrapper .ld-course-navigation .ld-lesson-item {
  border: none !important;
  border-bottom: none !important;
}

/* === MM — Suppression bordure modules — spécificité haute === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item,
.learndash-wrapper .ld-course-navigation .ld-lesson-item {
  border: none !important;
  border-bottom: none !important;
}

/* === MM — Suppression bordure sous le titre module === */
.ld-lesson-title { border-bottom: none !important; }

/* === MM — Suppression triangle décoratif entre module et capsules === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list::before,
.learndash-wrapper .ld-table-list .ld-table-list-item-expanded .ld-table-list::before,
.ld-table-list.ld-topic-list::before { display: none !important; }

/* === MM — Navigation active : module gris quand une capsule est sélectionnée === */
.ld-lesson-item.ld-is-current-lesson:has(.ld-is-current-item) .ld-lesson-title {
  color: #64748B !important;
  font-weight: 400 !important;
}
.ld-lesson-item.ld-is-current-lesson:has(.ld-is-current-item) .ld-lesson-item-preview {
  background: transparent !important;
  border-left: 3px solid #E2E8F0 !important;
}

/* === MM — Heading sidebar BLANC dès le chargement (plus de flash bleu) === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: #ffffff !important;
  color: #0F172A !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* === MM — Heading sidebar BLANC dès le chargement (plus de flash bleu) === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: #ffffff !important;
  color: #0F172A !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* === MM — Heading sidebar BLANC dès le chargement (plus de flash bleu) === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: #ffffff !important;
  color: #0F172A !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* === MM — Heading sidebar BLANC dès le chargement (plus de flash bleu) === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: #ffffff !important;
  color: #0F172A !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* === MM — Heading sidebar BLANC dès le chargement (plus de flash bleu) === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: #ffffff !important;
  color: #0F172A !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* === MM — Heading sidebar BLANC dès le chargement (plus de flash bleu) === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: #ffffff !important;
  color: #0F172A !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* === MM — Heading sidebar BLANC dès le chargement (plus de flash bleu) === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: #ffffff !important;
  color: #0F172A !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* === MM — Heading sidebar BLANC dès le chargement (plus de flash bleu) === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: #ffffff !important;
  color: #0F172A !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* === MM — Heading sidebar BLANC dès le chargement (plus de flash bleu) === */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar .ld-course-navigation-heading,
#ld-focus-sidebar > .ld-course-navigation-heading,
.ld-course-navigation-heading {
  background: #ffffff !important;
  color: #0F172A !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* === MM — Heading : tout le contenu en sombre sur fond blanc === */
.ld-course-navigation-heading,
.ld-course-navigation-heading *:not(.ld-focus-sidebar-trigger):not(.ld-icon-arrow-left) {
  color: #0F172A !important;
}
/* Contenu natif LD visible pendant le chargement JS */
.ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper,
.ld-course-navigation-heading .ld-progress-heading,
.ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper a {
  color: #0F172A !important;
  opacity: 1 !important;
}
/* Bouton collapse reste blanc sur son fond bleu */
.ld-focus-sidebar-trigger { color: white !important; }

/* === MM — Heading : tout le contenu en sombre sur fond blanc === */
.ld-course-navigation-heading,
.ld-course-navigation-heading *:not(.ld-focus-sidebar-trigger):not(.ld-icon-arrow-left) {
  color: #0F172A !important;
}
/* Contenu natif LD visible pendant le chargement JS */
.ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper,
.ld-course-navigation-heading .ld-progress-heading,
.ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper a {
  color: #0F172A !important;
  opacity: 1 !important;
}
/* Bouton collapse reste blanc sur son fond bleu */
.ld-focus-sidebar-trigger { color: white !important; }

/* === MM — Heading : tout le contenu en sombre sur fond blanc === */
.ld-course-navigation-heading,
.ld-course-navigation-heading *:not(.ld-focus-sidebar-trigger):not(.ld-icon-arrow-left) {
  color: #0F172A !important;
}
/* Contenu natif LD visible pendant le chargement JS */
.ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper,
.ld-course-navigation-heading .ld-progress-heading,
.ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper a {
  color: #0F172A !important;
  opacity: 1 !important;
}
/* Bouton collapse reste blanc sur son fond bleu */
.ld-focus-sidebar-trigger { color: white !important; }

/* === MM — Heading : tout le contenu en sombre sur fond blanc === */
.ld-course-navigation-heading,
.ld-course-navigation-heading *:not(.ld-focus-sidebar-trigger):not(.ld-icon-arrow-left) {
  color: #0F172A !important;
}
/* Contenu natif LD visible pendant le chargement JS */
.ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper,
.ld-course-navigation-heading .ld-progress-heading,
.ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper a {
  color: #0F172A !important;
  opacity: 1 !important;
}
/* Bouton collapse reste blanc sur son fond bleu */
.ld-focus-sidebar-trigger { color: white !important; }

/* === MM — Contenu central : padding-top + centrage === */

/* Padding-top augmenté pour que le titre soit visible sous la topbar */
#ld-focus-content,
.ld-focus-content,
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
  padding: 2.5rem 2rem 90px !important;
}

/* Centrage du contenu avec max-width */
.ld-focus-content .ld-content-body,
.ld-focus-content .entry-content,
.ld-focus-content > .learndash-wrapper,
.ld-content-body {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Breadcrumb + titre H1 centré aussi */
.ld-focus-content .ld-breadcrumbs,
.ld-focus-content > h1,
.ld-focus-content .ld-lesson-status,
.ld-focus-content .ld-tabs,
.ld-focus-content .learndash-wrapper {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* === MM — Contenu central : padding-top + centrage === */

/* Padding-top augmenté pour que le titre soit visible sous la topbar */
#ld-focus-content,
.ld-focus-content,
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
  padding: 2.5rem 2rem 90px !important;
}

/* Centrage du contenu avec max-width */
.ld-focus-content .ld-content-body,
.ld-focus-content .entry-content,
.ld-focus-content > .learndash-wrapper,
.ld-content-body {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Breadcrumb + titre H1 centré aussi */
.ld-focus-content .ld-breadcrumbs,
.ld-focus-content > h1,
.ld-focus-content .ld-lesson-status,
.ld-focus-content .ld-tabs,
.ld-focus-content .learndash-wrapper {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* === MM — Alignement titre avec sidebar header === */
#ld-focus-content,
.ld-focus-content,
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
  padding-top: 74px !important;
}

/* === MM — Alignement titre avec sidebar header === */
#ld-focus-content,
.ld-focus-content,
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
  padding-top: 74px !important;
}

/* === MM — Titre H1 centré === */
.ld-focus-content > h1,
.ld-focus-content h1.mm-lesson-title,
.ld-focus-content > .learndash-wrapper > h1,
#ld-focus-content > h1 {
  text-align: center !important;
}

/* === MM — Titre H1 centré === */
.ld-focus-content > h1,
.ld-focus-content h1.mm-lesson-title,
.ld-focus-content > .learndash-wrapper > h1,
#ld-focus-content > h1 {
  text-align: center !important;
}

/* === MM — H1 aligné avec le contenu (même centrage que paragraphes) === */
.ld-focus-content > h1,
#ld-focus-content > h1 {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
}

/* === MM — H1 aligné avec le contenu (même centrage que paragraphes) === */
.ld-focus-content > h1,
#ld-focus-content > h1 {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
}

/* === MM — H1 aligné avec paragraphes (spécificité corrigée) === */
.ld-focus-content > h1:not(.mm-lesson-title),
#ld-focus-content > h1:not(.mm-lesson-title) {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* ═══ SECTIONS FORMATIONS ═══ */
.elementor-location-single{--mm-indigo:#4C3FD4;--mm-indigo-dark:#3730A3;--mm-indigo-light:#EEF2FF;--mm-bleu:#2F3A8F;--mm-turquoise:#00BFA5;--mm-turq-light:#E0F7F4;--mm-magenta:#E91E63;--mm-ambre:#FFA000;--mm-noir:#1E293B;--mm-gris:#475569;--mm-gris-clair:#F8FAFC;--mm-border:#E2E8F0;--mm-blanc:#FFFFFF;--mm-r:12px;--mm-r-lg:20px;--mm-shadow:0 4px 24px rgba(46,58,143,0.10);--mm-font-h:'Plus Jakarta Sans',sans-serif}
.elementor-element-d66caa6 h2,.elementor-element-3730587 h2,.elementor-element-da64b0e h2,.elementor-element-4a2b564 h2,.elementor-element-e54d161 h2,.elementor-element-36cea66 h2,.elementor-element-9c75985 h2,.elementor-element-9133083 h2{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:clamp(1.6rem,2.5vw,2.1rem)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-0.02em!important;margin-top:0!important;margin-bottom:20px!important}
.elementor-element-d66caa6 h3,.elementor-element-3730587 h3,.elementor-element-da64b0e h3,.elementor-element-4a2b564 h3,.elementor-element-e54d161 h3,.elementor-element-36cea66 h3,.elementor-element-9c75985 h3,.elementor-element-9133083 h3{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:1.05rem!important;font-weight:700!important;line-height:1.3!important;margin-bottom:10px!important}
.elementor-element-d66caa6 p,.elementor-element-da64b0e p,.elementor-element-4a2b564 p{font-size:.95rem!important;color:#475569!important;line-height:1.75!important;margin-bottom:12px!important}
.elementor-element-d66caa6 ul,.elementor-element-da64b0e ul,.elementor-element-4a2b564 ul,.elementor-element-e54d161 ul{list-style:none!important;padding-left:0!important;margin:12px 0 16px!important}
.elementor-element-d66caa6 ul li,.elementor-element-da64b0e ul li{display:flex!important;align-items:flex-start!important;gap:10px!important;font-size:.92rem!important;color:#475569!important;line-height:1.65!important;margin-bottom:6px!important;list-style:none!important}

/* S2 PROBLEME */
.elementor-element-d66caa6 h2{color:#1E293B!important}
.elementor-element-d66caa6 h3{color:#4C3FD4!important;margin-top:28px!important;padding-top:20px!important;border-top:1px solid #E2E8F0!important}
/* S3 SYNTHESE */
.elementor-element-3730587 h2{color:#fff!important;font-size:1.5rem!important}
.elementor-element-3730587 h3{color:#00BFA5!important;font-size:.82rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-top:20px!important;border-top:none!important;padding-top:0!important}
.elementor-element-3730587 p{color:rgba(255,255,255,.75)!important;font-style:italic!important;font-size:.9rem!important;line-height:1.65!important}
.elementor-element-3730587 table{width:100%!important;border-collapse:collapse!important;margin-top:12px!important}
.elementor-element-3730587 tr{border-bottom:1px solid rgba(255,255,255,.1)!important}
.elementor-element-3730587 td{padding:10px 0!important;font-size:.88rem!important;vertical-align:top!important;color:rgba(255,255,255,.9)!important}
.elementor-element-3730587 td:first-child{color:rgba(255,255,255,.5)!important;width:40%!important;padding-right:12px!important;font-style:normal!important}
/* S4 PROGRAMME */
.elementor-element-da64b0e h2{color:#1E293B!important}
.elementor-element-da64b0e h3{color:#4C3FD4!important;background:#fff!important;border:1.5px solid #E2E8F0!important;border-left:4px solid #4C3FD4!important;border-radius:12px!important;padding:16px 20px!important;margin-top:12px!important;margin-bottom:0!important}
.elementor-element-da64b0e h3+p{background:#F8FAFC!important;border:1.5px solid #E2E8F0!important;border-top:none!important;border-radius:0 0 12px 12px!important;padding:14px 20px!important;margin-top:0!important;margin-bottom:12px!important}
.elementor-element-da64b0e ul{padding:4px 20px 12px!important;background:#F8FAFC!important;border:1.5px solid #E2E8F0!important;border-top:none!important;border-radius:0 0 12px 12px!important;margin-top:-12px!important;margin-bottom:12px!important}
.elementor-element-da64b0e a{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#4C3FD4!important;font-size:.85rem!important;font-weight:600!important;font-family:'Plus Jakarta Sans',sans-serif!important;background:#EEF2FF!important;padding:5px 12px!important;border-radius:100px!important;margin-top:4px!important;text-decoration:none!important}
.elementor-element-da64b0e a:hover{background:#DDE3FF!important;text-decoration:none!important}
/* S5 PROMESSE */
.elementor-element-4a2b564 h2{color:#1E293B!important}
.elementor-element-4a2b564 h3{color:#1E293B!important;margin-top:32px!important;padding-top:24px!important;border-top:1px solid #E2E8F0!important}
/* S6 OBJECTIFS */
.elementor-element-e54d161 h2{color:#fff!important}
.elementor-element-e54d161 h3{color:#00BFA5!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:.82rem!important;border-top:none!important;padding-top:0!important;margin-top:16px!important}
.elementor-element-e54d161 p{color:rgba(255,255,255,.85)!important;font-size:.92rem!important}
.elementor-element-e54d161 ul li{color:rgba(255,255,255,.88)!important}
.elementor-element-e54d161 ul li::before{content:'\2713'!important;background:#00BFA5!important;color:#fff!important;width:22px!important;min-width:22px!important;height:22px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.65rem!important;font-weight:800!important}
/* S7 PREUVES */
.elementor-element-36cea66 h2{color:#1E293B!important;margin-bottom:8px!important}
.elementor-element-36cea66 p{font-size:.93rem!important;color:#475569!important;line-height:1.75!important;margin-bottom:16px!important}
.elementor-element-36cea66 p:not(:first-child){background:#fff!important;border-radius:20px!important;padding:24px 28px!important;box-shadow:0 4px 24px rgba(46,58,143,.10)!important;border-left:5px solid #4C3FD4!important;font-style:italic!important}
.elementor-element-36cea66 p:nth-child(3){border-left-color:#E91E63!important}
.elementor-element-36cea66 strong{display:block!important;font-style:normal!important;color:#1E293B!important;margin-bottom:8px!important;font-size:.95rem!important}
/* S8 FAQ */
.elementor-element-9c75985 h2{color:#1E293B!important;text-align:center!important;margin-bottom:28px!important}
.elementor-element-9c75985 h3{color:#1E293B!important;background:#F8FAFC!important;border:1.5px solid #E2E8F0!important;border-radius:12px 12px 0 0!important;padding:16px 22px!important;margin-top:8px!important;margin-bottom:0!important;font-size:.95rem!important;border-top:none!important}
.elementor-element-9c75985 h3:first-of-type{border-top:1.5px solid #E2E8F0!important}
.elementor-element-9c75985 h3+p{background:#fff!important;border:1.5px solid #E2E8F0!important;border-top:none!important;border-radius:0 0 12px 12px!important;padding:14px 22px!important;margin-top:0!important;margin-bottom:0!important;color:#475569!important;font-size:.9rem!important}
/* S9 RESERVER */
.elementor-element-9133083 h2{color:#fff!important;text-align:center!important;font-size:clamp(1.75rem,3vw,2.4rem)!important}
.elementor-element-9133083 p{color:rgba(255,255,255,.7)!important;text-align:center!important;max-width:600px!important;margin-left:auto!important;margin-right:auto!important;font-size:1rem!important;line-height:1.7!important}
/* ═══ FIN SECTIONS FORMATIONS ═══ */

/* ═══ FONDS ET PADDING SECTIONS FORMATIONS ═══ */

/* S2 Problème — fond blanc, padding */
.elementor-element-d66caa6.e-con {
  background-color: #FFFFFF !important;
  padding: 72px 48px !important;
}

/* S3 Synthèse — gradient indigo */
.elementor-element-3730587.e-con {
  background: linear-gradient(135deg, #2F3A8F 0%, #4C3FD4 100%) !important;
  padding: 72px 48px !important;
}

/* S4 Programme — fond gris clair */
.elementor-element-da64b0e.e-con {
  background-color: #F8FAFC !important;
  padding: 72px 48px !important;
}

/* S5 Promesse — fond blanc */
.elementor-element-4a2b564.e-con {
  background-color: #FFFFFF !important;
  padding: 72px 48px !important;
}

/* S6 Objectifs — fond indigo */
.elementor-element-e54d161.e-con {
  background: linear-gradient(135deg, #4C3FD4 0%, #2F3A8F 100%) !important;
  padding: 72px 48px !important;
  position: relative !important;
  overflow: hidden !important;
}
.elementor-element-e54d161.e-con::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 60% 80% at 90% 50%, rgba(0,191,165,0.15) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

/* S7 Preuves — fond gris clair */
.elementor-element-36cea66.e-con {
  background-color: #F8FAFC !important;
  padding: 72px 48px !important;
}

/* S8 FAQ — fond blanc */
.elementor-element-9c75985.e-con {
  background-color: #FFFFFF !important;
  padding: 72px 48px !important;
}

/* S9 Réserver — gradient sombre */
.elementor-element-9133083.e-con {
  background: linear-gradient(135deg, #1e2a6e 0%, #4C3FD4 100%) !important;
  padding: 80px 48px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}
.elementor-element-9133083.e-con::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 50% 100% at 50% 120%, rgba(0,191,165,0.2) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
/* ═══ FIN FONDS ET PADDING SECTIONS FORMATIONS ═══ */

.mm-acc-item {
  border-bottom: 1px solid #E2E8F0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
/* Retirer la border du wrap pour laisser la border item jouer */
.mm-acc-wrap {
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 20px !important;
  gap: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Suppression du fond gris sur p+ul dans le programme */
.elementor-element-da64b0e h3 + p,
.elementor-element-da64b0e ul {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
}

/* Corps accordéon : padding généreux, pas de fond */
.mm-acc-body {
  padding: 0 28px 24px 76px !important;
}
.mm-acc-body p {
  background: transparent !important;
  border: none !important;
  font-size: 0.92rem !important;
  color: #475569 !important;
  line-height: 1.75 !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
}

/* ═══ FIN CORRECTIFS ACCORDÉONS PROGRAMME ═══ */

/* ═══ CORRECTIFS HERO + TAILLES SECTIONS FORMATIONS ═══ */

/* Hero — H1 titre formation */
.elementor-element-1b111a3 h1 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2rem, 4vw, 2.8rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 20px !important;
}

/* Hero — H2 sous-titre */
.elementor-element-30bb6d9 h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.3rem, 2.2vw, 1.75rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 24px !important;
}

/* Hero — accroche texte */
.elementor-element-079aa6b p {
  font-size: 0.95rem !important;
  color: rgba(255,255,255,0.82) !important;
  line-height: 1.75 !important;
  margin-bottom: 10px !important;
}
.elementor-element-079aa6b p + p {
  margin-top: 0 !important;
}

/* Sections S2/S4/S5/S6/S7/S8/S9 — H2 principal */
.elementor-element-ede5c60 h2,
.elementor-element-b9f028a h2,
.elementor-element-8b02c06 h2 {
  font-size: clamp(1.6rem, 2.5vw, 2.1rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
}

/* S3 Synthèse — H2 légèrement plus petit (design 2 colonnes) */
.elementor-element-3ad113b h2,
.mm-synthese-left h2 {
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

/* Sections fond indigo — H2 blanc */
.elementor-element-e54d161 h2,
.elementor-element-9133083 h2 {
  color: #ffffff !important;
  font-size: clamp(1.6rem, 2.5vw, 2.1rem) !important;
}

/* S9 Réserver — H2 plus grand et centré */
.elementor-element-9133083 h2 {
  font-size: clamp(1.75rem, 3vw, 2.4rem) !important;
}

/* ═══ FIN CORRECTIFS HERO + TAILLES SECTIONS FORMATIONS ═══ */

.mm-acc-wrap{display:flex;flex-direction:column;gap:8px;margin-top:32px}
.mm-acc-item{border:1.5px solid #E2E8F0;border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s;background:#fff}

.mm-acc-trigger{width:100%;display:flex;align-items:center;gap:14px;padding:18px 22px;background:none;border:none;cursor:pointer;text-align:left;transition:background .2s}
.mm-acc-trigger:hover{background:#F8FAFC}

.mm-acc-num{width:34px;height:34px;min-width:34px;background:#EEF2FF;color:#4C3FD4;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.9rem;flex-shrink:0}

.mm-acc-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:#1E293B;flex:1;text-align:left;line-height:1.3}

.mm-acc-arrow{color:#CBD5E1;font-size:.72rem;transition:transform .3s;flex-shrink:0}

.mm-acc-body{display:none;padding:0 22px 22px 70px}

.mm-acc-body p{font-size:.92rem;color:#475569;line-height:1.75;margin-bottom:10px;background:transparent;border:none;padding:0}
.mm-acc-body p:last-child{margin-bottom:0}
.mm-acc-body ul{list-style:none;padding:0;margin:6px 0 12px}
.mm-acc-body ul li{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:#475569;margin-bottom:5px;list-style:none}
.mm-acc-body ul li::before{content:'\2192';color:#00BFA5;font-weight:700;flex-shrink:0;margin-top:1px}
.mm-acc-body a{display:inline-flex;align-items:center;gap:6px;color:#4C3FD4;font-size:.85rem;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;background:#EEF2FF;padding:5px 12px;border-radius:100px;text-decoration:none;margin-top:8px}
.mm-acc-body a:hover{background:#DDE3FF;text-decoration:none}
.mm-section-label{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:.72rem;font-weight:700;color:#00BFA5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
/* ═══ FIN CORRECTIFS ACCORDÉONS v2 ═══ */

.mm-acc-wrap{display:flex;flex-direction:column;gap:8px;margin-top:32px}
.mm-acc-item{border:1.5px solid #E2E8F0;border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s;background:#fff}

.mm-acc-trigger{width:100%;display:flex;align-items:center;gap:14px;padding:18px 22px;background:none;border:none;cursor:pointer;text-align:left;transition:background .2s}
.mm-acc-trigger:hover{background:#F8FAFC}

.mm-acc-num{width:34px;height:34px;min-width:34px;background:#EEF2FF;color:#4C3FD4;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.9rem;flex-shrink:0}

.mm-acc-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:#1E293B;flex:1;text-align:left;line-height:1.3}

.mm-acc-arrow{color:#CBD5E1;font-size:.72rem;transition:transform .3s;flex-shrink:0}

.mm-acc-body{display:none;padding:0 22px 22px 70px}

.mm-acc-body p{font-size:.92rem;color:#475569;line-height:1.75;margin-bottom:10px;background:transparent;border:none;padding:0}
.mm-acc-body p:last-child{margin-bottom:0}
.mm-acc-body ul{list-style:none;padding:0;margin:6px 0 12px}
.mm-acc-body ul li{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:#475569;margin-bottom:5px;list-style:none}
.mm-acc-body ul li::before{content:'\2192';color:#00BFA5;font-weight:700;flex-shrink:0;margin-top:1px}
.mm-acc-body a{display:inline-flex;align-items:center;gap:6px;color:#4C3FD4;font-size:.85rem;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;background:#EEF2FF;padding:5px 12px;border-radius:100px;text-decoration:none;margin-top:8px}
.mm-acc-body a:hover{background:#DDE3FF;text-decoration:none}
.mm-section-label{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:.72rem;font-weight:700;color:#00BFA5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
/* ═══ FIN CORRECTIFS ACCORDÉONS v2 ═══ */

.mm-acc-wrap{display:flex;flex-direction:column;gap:8px;margin-top:32px}
.mm-acc-item{border:1.5px solid #E2E8F0;border-radius:14px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}

.mm-acc-trigger{width:100%;display:flex;align-items:center;gap:14px;padding:18px 22px;background:#fff;border:none;cursor:pointer;text-align:left;transition:background .2s}
.mm-acc-trigger:hover{background:#F8FAFC}

.mm-acc-num{width:34px;height:34px;min-width:34px;background:#EEF2FF;color:#4C3FD4;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.9rem;flex-shrink:0}

.mm-acc-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:#1E293B;flex:1;text-align:left;line-height:1.3}

.mm-acc-arrow{color:#CBD5E1;font-size:.72rem;transition:transform .3s;flex-shrink:0}

.mm-acc-body{display:none;padding:0 22px 22px 70px}

.mm-acc-body p{font-size:.92rem;color:#475569;line-height:1.75;margin-bottom:10px;background:transparent;border:none;padding:0}
.mm-acc-body p:last-child{margin-bottom:0}
.mm-acc-body ul{list-style:none;padding:0;margin:6px 0 12px}
.mm-acc-body ul li{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:#475569;margin-bottom:5px;list-style:none}
.mm-acc-body ul li::before{content:'\2192';color:#00BFA5;font-weight:700;flex-shrink:0;margin-top:1px}
.mm-acc-body a{display:inline-flex;align-items:center;gap:6px;color:#4C3FD4;font-size:.85rem;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;background:#EEF2FF;padding:5px 12px;border-radius:100px;text-decoration:none;margin-top:8px}
.mm-acc-body a:hover{background:#DDE3FF;text-decoration:none}
.mm-section-label{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:.72rem;font-weight:700;color:#00BFA5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
/* ═══ FIN CORRECTIFS ACCORDÉONS v3 ═══ */

.mm-acc-wrap{display:flex;flex-direction:column;gap:0;border:none !important;outline:none !important;border-radius:20px;overflow:hidden;margin-top:32px;box-shadow:0 1px 6px rgba(0,0,0,0.07);max-width:1100px;margin-left:auto;margin-right:auto}
.mm-acc-item{border-bottom:1px solid #E2E8F0;background:#fff}
.mm-acc-item:last-child{border-bottom:none}
.mm-acc-trigger{width:100%;display:flex;align-items:center;gap:16px;padding:20px 28px;background:none;border:none;cursor:pointer;text-align:left;transition:background .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mm-acc-trigger:focus{outline:none !important;background:none !important}.mm-acc-trigger:active{background:none !important}.mm-acc-trigger::-moz-focus-inner{border:0;padding:0}.mm-acc-item.open .mm-acc-trigger:focus,.mm-acc-item.open .mm-acc-trigger:active{background:#EEF2FF !important}
.mm-acc-trigger:hover{background:#F8FAFC}

.mm-acc-num{width:32px;height:32px;min-width:32px;background:#EEF2FF;color:#4C3FD4;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.85rem;flex-shrink:0}
.mm-acc-item.open .mm-acc-num{background:#4C3FD4;color:#fff}
.mm-acc-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:#1E293B;flex:1;text-align:left}
.mm-acc-item.open .mm-acc-title{color:#4C3FD4}
.mm-acc-arrow{color:#475569;font-size:.85rem;transition:transform .3s;flex-shrink:0}
.mm-acc-item.open .mm-acc-arrow{transform:rotate(180deg)}
.mm-acc-body{display:none;padding:0 28px 24px 76px}

.mm-acc-body p{font-size:.9rem;color:#475569;line-height:1.75;margin-bottom:10px;background:transparent;border:none;padding:0}
.mm-acc-body p:last-child{margin-bottom:0}
.mm-acc-body ul{list-style:none;padding:0;margin:6px 0 12px}
.mm-acc-body ul li{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:#475569;margin-bottom:5px;list-style:none}
.mm-acc-body ul li::before{content:'\2192';color:#00BFA5;font-weight:700;flex-shrink:0;margin-top:1px}
.mm-acc-body a{display:inline-flex;align-items:center;gap:6px;color:#4C3FD4;font-size:.85rem;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;background:#EEF2FF;padding:5px 12px;border-radius:100px;text-decoration:none;margin-top:8px}
.mm-acc-body a:hover{background:#DDE3FF;text-decoration:none}
.mm-section-label{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:.75rem;font-weight:700;color:#00BFA5;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.mm-acc-item.open .mm-acc-body{display:block}
.mm-acc-item.open .mm-acc-trigger{background:#EEF2FF}
/* ═══ FIN CORRECTIFS ACCORDÉONS v4 ═══ */

/* ═══ CORRECTIFS ACCORDÉONS v4 ═══ */
.mm-acc-wrap{display:flex;flex-direction:column;gap:0;border:none !important;outline:none !important;border-radius:20px;overflow:hidden;margin-top:32px;box-shadow:0 1px 6px rgba(0,0,0,0.07);max-width:1100px;margin-left:auto;margin-right:auto}
.mm-acc-item{border-bottom:1px solid #E2E8F0;background:#fff}
.mm-acc-item:last-child{border-bottom:none}
.mm-acc-trigger{width:100%;display:flex;align-items:center;gap:16px;padding:20px 28px;background:none;border:none;cursor:pointer;text-align:left;transition:background .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mm-acc-trigger:focus{outline:none !important;background:none !important}.mm-acc-trigger:active{background:none !important}.mm-acc-trigger::-moz-focus-inner{border:0;padding:0}.mm-acc-item.open .mm-acc-trigger:focus,.mm-acc-item.open .mm-acc-trigger:active{background:#EEF2FF !important}
.mm-acc-trigger:hover{background:#F8FAFC}

.mm-acc-num{width:32px;height:32px;min-width:32px;background:#EEF2FF;color:#4C3FD4;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.85rem;flex-shrink:0}
.mm-acc-item.open .mm-acc-num{background:#4C3FD4;color:#fff}
.mm-acc-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:#1E293B;flex:1;text-align:left}
.mm-acc-item.open .mm-acc-title{color:#4C3FD4}
.mm-acc-arrow{color:#475569;font-size:.85rem;transition:transform .3s;flex-shrink:0}
.mm-acc-item.open .mm-acc-arrow{transform:rotate(180deg)}
.mm-acc-body{display:none;padding:0 28px 24px 76px}

.mm-acc-body p{font-size:.9rem;color:#475569;line-height:1.75;margin-bottom:10px;background:transparent;border:none;padding:0}
.mm-acc-body p:last-child{margin-bottom:0}
.mm-acc-body ul{list-style:none;padding:0;margin:6px 0 12px}
.mm-acc-body ul li{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:#475569;margin-bottom:5px;list-style:none}
.mm-acc-body ul li::before{content:'\2192';color:#00BFA5;font-weight:700;flex-shrink:0;margin-top:1px}
.mm-acc-body a{display:inline-flex;align-items:center;gap:6px;color:#4C3FD4;font-size:.85rem;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;background:#EEF2FF;padding:5px 12px;border-radius:100px;text-decoration:none;margin-top:8px}
.mm-acc-body a:hover{background:#DDE3FF;text-decoration:none}
.mm-section-label{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:.75rem;font-weight:700;color:#00BFA5;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.mm-acc-item.open .mm-acc-body{display:block}
.mm-acc-item.open .mm-acc-trigger{background:#EEF2FF}
/* ═══ FIN CORRECTIFS ACCORDÉONS v4 ═══ */


/* COURSE-2COL-BLOCK */

/* ═══ FIX MENU ELEMENTOR HEADER ═══
   Le container du menu ElementsKit a max-width:700px dans post-27847.css
   → trop etroit pour les items. Override global (pas scopé sfwd). */
.elementor-27847 .elementor-element.elementor-element-8a5cb36 .elementskit-menu-container {
  max-width: 100% !important;
}

/* ═══ COURSE OVERVIEW PAGE ═══ */

/* Titre injecte par PHP the_content */
body.single-sfwd-courses .mm-course-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.85rem;
  font-weight: 700;
  color: #2F3A8F;
  line-height: 1.25;
  margin: 1.5rem 0 1rem;
  display: block;
}

/* Zone de contenu etendue */
body.single-sfwd-courses .entry-content {
  max-width: 1140px !important;
}

/* Grid 2 colonnes */
body.single-sfwd-courses .learndash-wrapper--course {
  display: grid !important;
  grid-template-columns: 3fr 2fr;
  gap: 2.5rem;
  align-items: start;
}
body.single-sfwd-courses .learndash-wrapper--course > div:first-child {
  grid-column: 1 / -1;
}
body.single-sfwd-courses .learndash-wrapper--course > .ld-tabs {
  grid-column: 1;
  grid-row: 2;
}
body.single-sfwd-courses .learndash-wrapper--course > div:last-child {
  grid-column: 2;
  grid-row: 2;
  background: #f5f6ff;
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid #d8dcf0;
  position: sticky;
  top: 90px;
}
body.single-sfwd-courses .ld-section-heading h2 {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: #4C3FD4 !important;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 1rem !important;
}

/* Masquer bouton + barre nav du bas sur overview */
body.single-sfwd-courses .mm-nav-complete-btn,
body.single-sfwd-courses .mm-bottom-nav {
  display: none !important;
}

/* entry-header reste masque */
body.single-sfwd-courses .entry-header {
  display: none !important;
}

/* Responsive */
@media (max-width: 900px) {
  body.single-sfwd-courses .learndash-wrapper--course {
    grid-template-columns: 1fr !important;
  }
  body.single-sfwd-courses .learndash-wrapper--course > div:last-child {
    grid-column: 1; grid-row: 3; position: static;
  }
}

/* =====================================================
   PAGE CATALOGUE E-LEARNING — /formations-elearning/
   ===================================================== */

.page-id-32371 .entry-content { max-width: 100% !important; padding: 0 !important; overflow-x: hidden !important; }
.page-id-32371 .site-content { background: #F8FAFC !important; }
.page-id-32371 .entry-header { display: none !important; }

/* ── Hero ── */
.mm-catalog-hero { background: #2F3A8F; color: #fff; padding: 3.5rem 2rem 3rem; margin: 0; width: 100%; }
.mm-catalog-inner { max-width: 1100px; margin: 0 auto; }
.mm-catalog-tag {
  display: inline-flex; align-items: center;
  background: rgba(0,191,165,0.2); color: #00E5C5;
  border: 1px solid rgba(0,191,165,0.35);
  font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  padding: 4px 14px; border-radius: 20px; margin-bottom: 1.2rem;
}
.mm-catalog-h1 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.8rem, 3vw, 2.4rem) !important;
  font-weight: 800 !important; line-height: 1.2 !important;
  color: #fff !important; margin: 0 0 0.85rem !important;
}
.mm-catalog-intro { font-size: 1rem; opacity: 0.83; max-width: 580px; line-height: 1.65; margin-bottom: 2rem; color: #fff; }
.mm-catalog-stats { display: flex; gap: 2.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.mm-cstat { display: flex; flex-direction: column; }
.mm-cstat-n { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.6rem; font-weight: 800; color: #fff; }
.mm-cstat-l { font-size: 0.78rem; opacity: 0.65; color: #fff; }
.mm-catalog-badge { display: inline-block; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.88); font-size: 0.78rem; padding: 6px 16px; border-radius: 20px; }

/* ── Body ── */
.mm-catalog-body { max-width: 1100px; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }

/* ── Filtres ── */
.mm-catalog-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 2rem; }
.mm-filter-btn { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.82rem; font-weight: 600; padding: 7px 16px; border-radius: 20px; border: 1.5px solid #E2E8F0; background: #fff; color: #475569; cursor: pointer; transition: all 0.15s; }
.mm-filter-btn.active { background: #4C3FD4; color: #fff; border-color: #4C3FD4; }
.mm-filter-btn:hover:not(.active) { border-color: #94A3B8; background: #F8FAFC; }

/* ── Titre section ── */
.mm-catalog-section-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.15rem; font-weight: 700; color: #1E293B; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 2px solid #EEF2FF; display: flex; align-items: center; gap: 10px; }
.mm-catalog-section-title span { font-size: 0.8rem; font-weight: 500; color: #94A3B8; }

/* ── Grille de cartes custom ── */
.mm-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 1.25rem; margin-bottom: 3rem; }

.mm-card {
  background: #fff; border-radius: 14px; border: 1px solid #E2E8F0;
  display: flex; flex-direction: column;
  transition: box-shadow 0.2s, transform 0.2s;
  overflow: hidden;
}
.mm-card:hover { box-shadow: 0 6px 24px rgba(47,58,143,0.10); transform: translateY(-3px); }

/* Carte disponible vs prochainement */
.mm-card.coming-soon { opacity: 0.72; }
.mm-card.coming-soon:hover { transform: none; box-shadow: none; opacity: 0.85; }

/* Top de carte */
.mm-card-top { padding: 1.25rem 1.25rem 0; flex: 1; }
.mm-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.65rem; }

/* Badges catégories */
.mm-cat-badge { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; padding: 3px 10px; border-radius: 5px; }
.cat-mkg { background: #EEF2FF; color: #4C3FD4; }
.cat-mgmt { background: #E0F7F4; color: #0F6E56; }
.cat-ia { background: #F3E8FF; color: #7C3AED; }
.cat-buro { background: #FFF3E0; color: #C2410C; }
.cat-img { background: #FFF0F5; color: #9D174D; }

/* Badges spéciaux */
.mm-badge-pop { background: #FFA000; color: #fff; font-size: 0.68rem; font-weight: 700; padding: 3px 10px; border-radius: 5px; }
.mm-badge-new { background: #00BFA5; color: #fff; font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 3px 10px; border-radius: 5px; }

/* Titre et description */
.mm-card-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.97rem; font-weight: 700; color: #1E293B; line-height: 1.3; margin: 0 0 0.45rem; }
.mm-card-desc { font-size: 0.81rem; color: #64748B; line-height: 1.55; margin: 0 0 0.85rem; }

/* Barre de progression dans la carte */
.mm-card-progress { height: 3px; background: #F1F5F9; border-radius: 2px; margin-bottom: 0; }
.mm-card-progress-fill { height: 100%; background: linear-gradient(90deg, #00BFA5, #4C3FD4); border-radius: 2px; }

/* Métadonnées */
.mm-card-meta { padding: 0.75rem 1.25rem; display: flex; gap: 1rem; flex-wrap: wrap; border-bottom: 1px solid #F1F5F9; }
.mm-meta-item { font-size: 0.75rem; color: #475569; display: flex; align-items: center; gap: 5px; }
.mm-mi { font-size: 10px; color: #94A3B8; }

/* Footer de carte */
.mm-card-foot { padding: 0.85rem 1.25rem; display: flex; align-items: center; justify-content: space-between; background: #FAFBFC; }
.mm-level { font-size: 0.72rem; color: #64748B; display: flex; align-items: center; gap: 6px; }
.mm-dots { display: flex; gap: 3px; }
.mm-dot { width: 7px; height: 7px; border-radius: 50%; background: #E2E8F0; }
.mm-dot.on { background: #4C3FD4; }

/* Bouton CTA */
.mm-cta-btn {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.78rem; font-weight: 700;
  color: #1E293B !important; text-decoration: none !important;
  border: 1.5px solid #1E293B; border-radius: 8px;
  padding: 6px 14px; white-space: nowrap;
  transition: all 0.15s;
}
.mm-cta-btn:hover { background: #1E293B; color: #fff !important; }
.mm-cta-soon { font-size: 0.75rem; color: #94A3B8; font-style: italic; }

/* ── Comment ça marche ── */
.mm-catalog-how { background: #EEF2FF; border-radius: 16px; padding: 2rem; margin: 2rem 0; border: 1px solid rgba(76,63,212,0.12); }
.mm-catalog-how-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.05rem; font-weight: 700; color: #2F3A8F; text-align: center; margin-bottom: 1.5rem; }
.mm-catalog-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.mm-cstep { display: flex; flex-direction: column; gap: 0.5rem; }
.mm-cstep-num { width: 32px; height: 32px; border-radius: 8px; background: #4C3FD4; color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.9rem; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.mm-cstep h4 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.9rem; font-weight: 700; color: #1E293B; }
.mm-cstep p { font-size: 0.82rem; color: #475569; line-height: 1.5; }

/* ── Financement ── */
.mm-catalog-financement { background: #2F3A8F; color: #fff; border-radius: 16px; padding: 1.75rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.mm-catalog-financement h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1rem; font-weight: 700; color: #fff !important; margin-bottom: 0.3rem; }
.mm-catalog-financement p { font-size: 0.82rem; opacity: 0.8; color: #fff; }
.mm-catalog-fin-btn { background: #00BFA5; color: #fff !important; font-size: 0.82rem; font-weight: 700; text-decoration: none !important; border-radius: 8px; padding: 10px 20px; white-space: nowrap; display: inline-block; }
.mm-catalog-fin-btn:hover { background: #00A896; }

/* ── Responsive ── */
@media (max-width: 768px) {
  .mm-catalog-hero { padding: 2.5rem 1.25rem; }
  .mm-catalog-steps { grid-template-columns: 1fr; }
  .mm-catalog-financement { flex-direction: column; align-items: flex-start; }
  .mm-cards-grid { grid-template-columns: 1fr; }
}