/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://migliore.eu
 Description:  Thème enfant de Hello Elementor pour migliore.eu
 Author:       Jean-Marie Migliore
 Author URI:   https://migliore.eu
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* Le CSS personnalisé LearnPress est chargé via functions.php */

/* ============================================
   LEARNPRESS – CHARTE GRAPHIQUE migliore.eu
   Palette : Navy #16425B | Bleu Principal #2F6690
             Bleu Moyen #3A7CA5 | Acier #8AACBE
             Ciel #81C3D7 | Perle #D9DCD6
             Très Sombre #0E2B3D | Blanc #FFFFFF
   Typo : Paytone One (titres) | Nunito (corps)
   ============================================ */
/* ============================================
   LEARNPRESS – CHARTE GRAPHIQUE migliore.eu
   Palette : Navy #16425B | Bleu Principal #2F6690
             Bleu Moyen #3A7CA5 | Acier #8AACBE
             Ciel #81C3D7 | Perle #D9DCD6
             Très Sombre #0E2B3D | Blanc #FFFFFF
   Typo : Paytone One (titres) | Nunito (corps)
   ============================================ */


/* ============================================
   1. PAGES LEÇON
   ============================================ */

/* Titre de la leçon */
h1.course-item-title {
  font-family: "Paytone One", sans-serif;
  color: #16425B;
  font-size: 2rem;
  line-height: 1.2em;
  margin-bottom: 1.2rem;
}

/* Corps du contenu */
.content-item-description.lesson-description {
  font-family: "Nunito", sans-serif;
  font-size: 1rem;
  color: #0E2B3D;
  line-height: 1.7em;
}

.content-item-description.lesson-description p {
  margin-bottom: 1rem;
}

/* Sidebar gauche – plan du cours */
#popup-sidebar {
  background-color: #D9DCD6;
  border-right: 2px solid #8AACBE;
}

/* Titre "Détails" dans la sidebar */
.lp-course-curriculum__title {
  font-family: "Paytone One", sans-serif;
  color: #16425B;
  font-size: 1.1rem;
  padding: 1rem;
  margin: 0;
}

/* Titres de section du curriculum */
.lp-course-curriculum .section-title,
.lp-course-curriculum .course-item-title {
  font-family: "Nunito", sans-serif;
  color: #2F6690;
  font-weight: 700;
}

/* Leçon active dans la sidebar */
.lp-course-curriculum .course-item.current > a,
.lp-course-curriculum .course-item.active > a {
  color: #3A7CA5;
  font-weight: 700;
}

/* En-tête sidebar */
#popup-header {
  background-color: #16425B;
  color: #FFFFFF;
  font-family: "Paytone One", sans-serif;
  padding: 0.8rem 1rem;
}

/* Titre du cours dans l'en-tête */
#popup-header .course-title,
#popup-header h1,
#popup-header h2 {
  font-family: "Paytone One", sans-serif;
  font-size: 1.6rem;
  color: #FFFFFF;
  line-height: 1.2em;
}

/* Pied de page leçon – navigation prev/next */
#popup-footer {
  background-color: #FFFFFF;
  border-top: 2px solid #D9DCD6;
  padding: 1rem;
}

#popup-footer .lp-button,
#popup-footer button {
  font-family: "Nunito", sans-serif;
  background-color: #2F6690;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  padding: 0.6rem 1.2rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#popup-footer .lp-button:hover,
#popup-footer button:hover {
  background-color: #3A7CA5;
}

/* Bouton "Marquer comme terminé" */
.lp-button-finish,
button.lp-button[data-finish] {
  background-color: #2F6690;
  color: #FFFFFF;
  font-family: "Nunito", sans-serif;
  border-radius: 4px;
  padding: 0.6rem 1.4rem;
  transition: background-color 0.2s ease;
}

.lp-button-finish:hover {
  background-color: #3A7CA5;
}

/* Barre de progression */
.lp-course-progress .lp-progress-bar {
  background-color: #81C3D7;
}

.lp-course-progress .lp-progress-value {
  color: #16425B;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}


/* ============================================
   2. PAGE DE PRÉSENTATION DU COURS
   ============================================ */

/* Masquer widgets WordPress dans la sidebar cours */
.lp-single-course-sidebar .widget_block {
  display: none !important;
}

/* Bouton "Commencer Maintenant" */
button.lp-button.button-enroll-course {
  background-color: #2F6690 !important;
  border-color: #2F6690 !important;
  color: #FFFFFF !important;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

button.lp-button.button-enroll-course:hover {
  background-color: #3A7CA5 !important;
  border-color: #3A7CA5 !important;
}

/* Badge "Gratuit" */
span.free {
  color: #3A7CA5 !important;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}

/* Icônes métadonnées */
.lp-single-course-main .info-metas i {
  color: #81C3D7 !important;
}

/* Texte métadonnées */
.lp-single-course-main .info-metas {
  font-family: "Nunito", sans-serif;
  color: #0E2B3D;
}

/* Titres "Détails" et "Formateur" */
.lp-single-course-main h4,
.lp-single-course-main h3.section-title,
.lp-single-course-main .course-curriculum-title {
  font-family: "Paytone One", sans-serif;
  color: #16425B !important;
}

/* Nom du formateur */
.lp-section-instructor a {
  color: #2F6690 !important;
}

.lp-section-instructor a:hover {
  color: #3A7CA5 !important;
}

/* Bouton "Laisser un commentaire" */
#commentform input#submit {
  background-color: #2F6690 !important;
  border-color: #2F6690 !important;
  color: #FFFFFF !important;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  border-radius: 4px;
  padding: 0.6rem 1.2rem;
  transition: background-color 0.2s ease;
}

#commentform input#submit:hover {
  background-color: #3A7CA5 !important;
  border-color: #3A7CA5 !important;
}


/* ============================================
   3. PAGE ARCHIVE – TOUS LES COURS
   ============================================ */

/* Titre du cours dans la card */
.learn-press-courses .wap-course-title a {
  font-family: "Paytone One", sans-serif;
  color: #16425B !important;
}

.learn-press-courses .wap-course-title a:hover {
  color: #2F6690 !important;
}

/* Icônes métadonnées */
.learn-press-courses .course-wrap-meta .meta-item::before {
  color: #81C3D7 !important;
}

/* Texte métadonnées */
.learn-press-courses .course-wrap-meta .meta-item {
  color: #0E2B3D;
  font-family: "Nunito", sans-serif;
}

/* Badge "Gratuit" dans les cards */
.learn-press-courses .course-price .free {
  color: #3A7CA5 !important;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}

/* Badge "Mis en avant" */
span.course-featured {
  background-color: #3A7CA5 !important;
  color: #FFFFFF !important;
}

/* Bouton "En savoir plus" */
.learn-press-courses .course-readmore a {
  background-color: #2F6690 !important;
  border-color: #2F6690 !important;
  color: #FFFFFF !important;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

.learn-press-courses .course-readmore a:hover {
  background-color: #3A7CA5 !important;
  border-color: #3A7CA5 !important;
}

/* Pagination */
.learn-press-pagination .page-numbers {
  color: #2F6690 !important;
  font-family: "Nunito", sans-serif;
}

.learn-press-pagination .page-numbers.current {
  background-color: #2F6690 !important;
  color: #FFFFFF !important;
}

/* ============================================
   4. SIDEBAR – PAGE ARCHIVE COURS
   ============================================ */

/* Fond de la sidebar */
.lp-archive-courses-sidebar {
  background-color: #D9DCD6;
  padding: 1.2rem;
  border-radius: 4px;
}

/* Titre "Catégories" */
.lp-archive-courses-sidebar .wp-block-heading {
  font-family: "Paytone One", sans-serif;
  color: #16425B !important;
  font-size: 1.3rem;
  margin-bottom: 0.6rem;
}

/* Liens dans la sidebar */
.lp-archive-courses-sidebar a {
  color: #2F6690 !important;
  font-family: "Nunito", sans-serif;
  text-decoration: none;
}

.lp-archive-courses-sidebar a:hover {
  color: #3A7CA5 !important;
}

/* Masquer widget Archives (garder uniquement Catégories) */
.lp-archive-courses-sidebar #block-5 {
  display: none !important;
}


/* ============================================
   5. DISPOSITION – GRILLE ET LISTE
   ============================================ */

/* Mode grille – data-layout="grid" */
.lp-archive-courses ul.learn-press-courses[data-layout="grid"] {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
}

.lp-archive-courses ul.learn-press-courses[data-layout="grid"] li.course {
  width: 100% !important;
  flex-direction: column !important;
}

.lp-archive-courses ul.learn-press-courses[data-layout="grid"] .course-thumbnail {
  width: 100% !important;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.lp-archive-courses ul.learn-press-courses[data-layout="grid"] .course-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lp-archive-courses ul.learn-press-courses[data-layout="grid"] .course-content {
  flex-direction: column !important;
  padding: 1rem;
}

/* Mode liste – data-layout="list" */
.lp-archive-courses ul.learn-press-courses[data-layout="list"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

.lp-archive-courses ul.learn-press-courses[data-layout="list"] li.course {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  align-items: flex-start;
  gap: 1.2rem;
  border-bottom: 1px solid #D9DCD6;
  padding-bottom: 1rem;
}

.lp-archive-courses ul.learn-press-courses[data-layout="list"] .course-thumbnail {
  width: 200px !important;
  flex-shrink: 0;
  aspect-ratio: 16/9;
}

.lp-archive-courses ul.learn-press-courses[data-layout="list"] .course-content {
  flex: 1;
  flex-direction: column !important;
}

/* Responsive – tablette */
@media (max-width: 1024px) {
  .lp-archive-courses ul.learn-press-courses[data-layout="grid"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Responsive – mobile */
@media (max-width: 640px) {
  .lp-archive-courses ul.learn-press-courses[data-layout="grid"] {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================
   PAGE NEWSLETTER – GRIMOIRE TECHNOLOGIQUE
   ============================================ */

/* Layout général */
.grim-wrap {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.grim-main {
    flex: 1;
}

/* Cards */
.grim-cards {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.grim-card {
    background: #FFFFFF;
    border-left: 4px solid #2F6690;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(22,66,91,0.08);
    padding: 1.2rem 1.5rem;
    transition: box-shadow 0.2s ease;
}

.grim-card:hover {
    box-shadow: 0 4px 12px rgba(22,66,91,0.15);
}

.grim-card__title {
    font-family: "Paytone One", sans-serif;
    color: #16425B;
    font-size: 1.1rem;
    margin: 0 0 0.4rem;
}

.grim-card__date {
    font-family: "Nunito", sans-serif;
    color: #8AACBE;
    font-size: 0.9rem;
    margin: 0 0 0.8rem;
}

.grim-card__link {
    font-family: "Nunito", sans-serif;
    color: #2F6690;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.grim-card__link:hover {
    color: #3A7CA5;
}

/* Sidebar */
.grim-sidebar {
    width: 260px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

/* Bouton S'inscrire */
.grim-subscribe-btn {
    width: 100%;
    background-color: #2F6690;
    color: #FFFFFF;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    border: none;
    border-radius: 4px;
    padding: 0.8rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.grim-subscribe-btn:hover {
    background-color: #3A7CA5;
}

/* Calendrier */
.grim-cal {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.grim-cal__month {
    background: #D9DCD6;
    border-radius: 4px;
    padding: 1rem;
}

.grim-cal__title {
    font-family: "Paytone One", sans-serif;
    color: #16425B;
    font-size: 0.95rem;
    margin: 0 0 0.6rem;
    text-transform: capitalize;
}

.grim-cal__table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Nunito", sans-serif;
    font-size: 0.8rem;
}

.grim-cal__table th {
    color: #2F6690;
    font-weight: 700;
    text-align: center;
    padding: 2px;
}

.grim-cal__table td {
    text-align: center;
    padding: 3px;
    color: #0E2B3D;
}

.grim-cal__day--actif {
    background-color: #2F6690;
    color: #FFFFFF !important;
    border-radius: 50%;
    font-weight: 700;
}

/* Modal */
.grim-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(14,43,61,0.6);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.grim-modal--open {
    display: flex;
}

.grim-modal__inner {
    background: #FFFFFF;
    border-radius: 6px;
    padding: 2rem;
    max-width: 480px;
    width: 90%;
    position: relative;
}

.grim-modal__close {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    background: none;
    border: none;
    font-size: 1.2rem;
    color: #16425B;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
    .grim-wrap {
        flex-direction: column;
    }
    .grim-sidebar {
        width: 100%;
    }
}

/* --- Bouton S'inscrire dans la modal newsletter --- */
.grim-modal__inner .mailpoet_submit {
  background-color: #2F6690 !important;
  border-color: #2F6690 !important;
  color: #FFFFFF !important;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  border-radius: 4px;
  padding: 0.6rem 1.4rem;
  transition: background-color 0.2s ease;
}

.grim-modal__inner .mailpoet_submit:hover {
  background-color: #3A7CA5 !important;
  border-color: #3A7CA5 !important;
}

/* ============================================
   PAGE WEBINAIRES – BADGE HERO
   ============================================ */

.webinar-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #81C3D7;
  color: #16425B;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  margin-bottom: 1rem;
}

.webinar-badge__icon {
  font-size: 1rem;
}

/* ============================================
   BADGE WEBINAIRE – ANIMATION PULSATION
   ============================================ */

@keyframes webinar-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(129, 195, 215, 0.6); }
  70%  { box-shadow: 0 0 0 10px rgba(129, 195, 215, 0); }
  100% { box-shadow: 0 0 0 0 rgba(129, 195, 215, 0); }
}

.webinar-badge {
  animation: webinar-pulse 2s ease-in-out infinite;
}
/* ============================================
   PAGE WEBINAIRES – CARD INFORMATIONS
   ============================================ */

.webinar-info-card {
  background-color: #D9DCD6;
  border-radius: 8px;
  padding: 2rem;
}

.webinar-info-card__title {
  font-family: "Paytone One", sans-serif;
  color: #16425B;
  font-size: 1.2rem;
  margin-bottom: 1.2rem;
}

.webinar-info-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.webinar-info-card__list li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Nunito", sans-serif;
  font-size: 1rem;
  color: #16425B;
}

.webinar-info-card__icon {
  font-size: 1.1rem;
  flex-shrink: 0;
}
/* ============================================
   PAGE WEBINAIRES – REPLAYS PLACEHOLDER
   ============================================ */

.webinar-replay-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
}

.webinar-replay-empty__icon {
  font-size: 2.5rem;
}

.webinar-replay-empty__text {
  font-family: "Nunito", sans-serif;
  font-size: 1.1rem;
  color: #16425B;
  text-align: center;
  max-width: 500px;
  margin: 0;
}
/* ============================================================
   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;
}

.mc-progression .elementor-widget-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mc-progression .elementor-title {
  order: 1;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  color: rgba(129, 195, 215, 0.85) !important;
  margin: 0 !important;
}
.mc-progression .elementor-progress-wrapper {
  order: 2;
  flex: 1;
  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;
  height: 4px !important;
}
.mc-progression .elementor-progress-text {
  display: none !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;
}