.elementor-kit-13{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-be7ea8a:#16425B;--e-global-color-0ea4692:#2F6690;--e-global-color-7c178d6:#3A7CA5;--e-global-color-45f9c45:#8AACBE;--e-global-color-b8f3fde:#81C3D7;--e-global-color-7c55afd:#D9DCD6;--e-global-typography-primary-font-family:"Paytone One";--e-global-typography-primary-font-size:3.25em;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Paytone One";--e-global-typography-secondary-font-size:2em;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Nunito";--e-global-typography-text-font-size:1.7em;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"Nunito";--e-global-typography-accent-font-size:0.98em;--e-global-typography-accent-font-weight:600;font-family:"Nunito", Sans-serif;font-size:1em;font-weight:400;line-height:1.6em;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 h1{font-family:"Paytone One", Sans-serif;font-size:3.25em;font-weight:400;line-height:1.2em;}.elementor-kit-13 h2{font-family:"Paytone One", Sans-serif;font-size:2.375em;font-weight:400;line-height:1.25em;}.elementor-kit-13 h3{font-family:"Paytone One", Sans-serif;font-size:1.625em;font-weight:400;line-height:1.3em;}.elementor-kit-13 h4{font-family:"Nunito", Sans-serif;font-size:1.25em;font-weight:700;line-height:1.4em;}.elementor-kit-13 h5{font-family:"Nunito", Sans-serif;font-size:1.125em;font-weight:600;line-height:1.4em;}.elementor-kit-13 h6{font-family:"Nunito", Sans-serif;font-size:1em;font-weight:600;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   MIGLIORE CONSULTING — Blocs de cours, widgets natifs Elementor
   À ajouter à la suite dans : hello-child/style.css
   ============================================================
   Chaque classe s'applique sur un Container Elementor
   via : onglet Avancé → Classe CSS supplémentaire
   ============================================================ */


/* ============================================================
   SECTION MAÎTRE
   Classe sur la Section ou Container principal de la leçon
   Réglages Elementor : largeur 792px · padding 48px / 32px
   ============================================================ */
.mc-lecon {
  background-color: #F5F8FB;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(22, 66, 91, 0.07);
}


/* ============================================================
   ÉTIQUETTES DE BLOCS (classe mc-label sur widget Heading)
   Réglages Elementor : balise H6, taille libre (le CSS gère)
   ============================================================ */
.mc-label .elementor-heading-title {
  font-family: 'Nunito', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin: 0 0 6px !important;
  line-height: 1.4 !important;
}


/* ============================================================
   BLOC OBJECTIF
   Classe mc-objectif sur le Container
   ============================================================ */
.mc-objectif {
  background: #EBF4FA !important;
  border-left: 4px solid #16425B !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 14px 18px !important;
}
.mc-objectif .mc-label .elementor-heading-title {
  color: #2F6690 !important;
}
.mc-objectif .elementor-widget-text-editor p {
  font-family: 'Nunito', sans-serif;
  font-size: 15px;
  color: #0E2B3D;
  line-height: 1.65;
  margin: 0;
}


/* ============================================================
   BLOC CONSEIL PRATIQUE
   Classe mc-conseil sur le Container
   ============================================================ */
.mc-conseil {
  background: #FDF4E3 !important;
  border-left: 4px solid #C4933A !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 14px 18px !important;
}
.mc-conseil .mc-label .elementor-heading-title {
  color: #9A6B1A !important;
}
.mc-conseil .elementor-widget-text-editor p {
  font-family: 'Nunito', sans-serif;
  font-size: 15px;
  color: #4a3510;
  line-height: 1.65;
  margin: 0;
}


/* ============================================================
   BLOC EXEMPLE CONCRET
   Classe mc-exemple sur le Container
   ============================================================ */
.mc-exemple {
  background: #EDF8F2 !important;
  border: 1px solid #8DCCB0 !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
}
.mc-exemple .mc-label .elementor-heading-title {
  color: #0F6E56 !important;
}
/* Persona (classe mc-persona sur widget Heading) */
.mc-persona .elementor-heading-title {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0F6E56 !important;
  margin: 0 0 6px !important;
  font-style: normal !important;
}
.mc-exemple .elementor-widget-text-editor p {
  font-family: 'Nunito', sans-serif;
  font-size: 15px;
  color: #1a3d2e;
  line-height: 1.65;
  margin: 0;
}


/* ============================================================
   BLOC À RETENIR
   Classe mc-retenir sur le Container
   ============================================================ */
.mc-retenir {
  background: #EEEDFE !important;
  border: 1px solid #AFA9EC !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
}
.mc-retenir .mc-label .elementor-heading-title {
  font-family: 'Paytone One', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #3C3489 !important;
  margin-bottom: 10px !important;
}
.mc-retenir .elementor-widget-text-editor ul {
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  color: #26215C;
  padding-left: 18px;
  margin: 0;
  line-height: 1.9;
}
.mc-retenir .elementor-widget-text-editor ul li::marker {
  color: #7F77DD;
}
.mc-retenir .elementor-widget-text-editor strong {
  color: #3C3489;
}


/* ============================================================
   BLOC TEXTE COURANT
   Classe mc-texte sur le widget Text Editor directement
   ============================================================ */
.mc-texte .elementor-widget-container p {
  font-family: 'Nunito', sans-serif;
  font-size: 15px;
  color: #2d3748;
  line-height: 1.75;
  margin: 0 0 14px;
}
.mc-texte .elementor-widget-container p:last-child {
  margin-bottom: 0;
}
.mc-texte .elementor-widget-container strong {
  color: #16425B;
}


/* ============================================================
   EN-TÊTE DE LEÇON
   Classe mc-entete sur le Container principal

   Structure à créer dans Elementor :
   Container mc-entete (direction : colonne)
   ├── Text Editor    → classe mc-breadcrumb
   ├── Heading        → classe mc-entete-titre  (H2)
   ├── Heading        → classe mc-entete-module (H6)
   ├── Icon List      → classe mc-meta
   └── Progress Bar   → classe mc-progression
   ============================================================ */
.mc-entete {
  background: linear-gradient(
    155deg,
    #16425B  0%,
    #1e5270 38%,
    #2a6688 62%,
    #F5F8FB 100%
  ) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow:
    0 4px 20px rgba(22, 66, 91, 0.20),
    0 1px 4px  rgba(22, 66, 91, 0.12) !important;
  padding: 22px 26px 0 !important;
}

/* Fil d'Ariane */
.mc-entete .mc-breadcrumb .elementor-widget-container,
.mc-entete .mc-breadcrumb .elementor-widget-container p,
.mc-entete .mc-breadcrumb .elementor-widget-container * {
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(209, 228, 240, 0.75) !important;
  margin: 0 0 12px !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Titre de la leçon */
.mc-entete-titre .elementor-heading-title {
  font-family: 'Paytone One', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin: 0 0 4px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
}

/* Nom du module */
.mc-entete-module .elementor-heading-title {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgba(129, 195, 215, 0.85) !important;
  margin: 0 0 16px !important;
}

/* Icon List métadonnées (durée, niveau, étoiles) */
.mc-meta .elementor-icon-list-items {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.mc-meta .elementor-icon-list-item {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 20px !important;
  padding: 4px 11px !important;
}
.mc-meta .elementor-icon-list-text {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  color: #D9DCD6 !important;
}
.mc-meta .elementor-icon-list-icon {
  color: rgba(217, 220, 214, 0.7) !important;
  font-size: 12px !important;
}
/* Étoiles en doré */
.mc-meta .elementor-icon-list-item:last-child .elementor-icon-list-text {
  color: #C4933A !important;
  letter-spacing: 2px !important;
  font-size: 13px !important;
}

/* Barre de progression */
.mc-progression {
  background: rgba(255, 255, 255, 0.08) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
  margin: 16px -26px 0 !important;
  padding: 11px 26px !important;
}
.mc-progression .elementor-progress-wrapper {
  background: rgba(255, 255, 255, 0.15) !important;
  border-radius: 2px !important;
  height: 4px !important;
}
.mc-progression .elementor-progress-bar {
  background: linear-gradient(90deg, #81C3D7, #D9DCD6) !important;
  border-radius: 2px !important;
}
.mc-progression .elementor-title {
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  color: rgba(129, 195, 215, 0.85) !important;
}
.mc-progression .elementor-progress-text {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #D9DCD6 !important;
}
/* Texte "Leçon X/9" après la barre de progression */
.mc-prog-count .elementor-heading-title {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #D9DCD6 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Container de la zone progression — direction Ligne dans Elementor */
.mc-progression-zone {
  background: rgba(255, 255, 255, 0.08) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
  margin: 16px -26px 0 !important;
  padding: 11px 26px !important;
}
/* Icônes Icon List — taille forcée */
.mc-meta .elementor-icon-list-icon i,
.mc-meta .elementor-icon-list-icon svg {
  font-size: 13px !important;
  width: 13px !important;
  height: 13px !important;
}
/* Alignement horizontal forcé */
.mc-meta.elementor-widget-icon-list
  .elementor-icon-list-items {
  flex-direction: row !important;
  align-items: center !important;
}
.mc-meta .elementor-icon-list-item {
  width: auto !important;
}/* End custom CSS */