.elementor-36749 .elementor-element.elementor-element-aca363a{--display:flex;--min-height:150px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;}.elementor-36749 .elementor-element.elementor-element-aca363a:not(.elementor-motion-effects-element-type-background), .elementor-36749 .elementor-element.elementor-element-aca363a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBF0FF;}.elementor-36749 .elementor-element.elementor-element-aca363a::before, .elementor-36749 .elementor-element.elementor-element-aca363a > .elementor-background-video-container::before, .elementor-36749 .elementor-element.elementor-element-aca363a > .e-con-inner > .elementor-background-video-container::before, .elementor-36749 .elementor-element.elementor-element-aca363a > .elementor-background-slideshow::before, .elementor-36749 .elementor-element.elementor-element-aca363a > .e-con-inner > .elementor-background-slideshow::before, .elementor-36749 .elementor-element.elementor-element-aca363a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://stephanepreteseille.com/wp-content/uploads/2025/07/206ec9e5213e2548a9e8a9dd9c0a1db111df33b5-1.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-36749 .elementor-element.elementor-element-d8b0c9e{--display:flex;--min-height:150px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;}.elementor-36749 .elementor-element.elementor-element-d8b0c9e:not(.elementor-motion-effects-element-type-background), .elementor-36749 .elementor-element.elementor-element-d8b0c9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBF0FF;}.elementor-36749 .elementor-element.elementor-element-d8b0c9e::before, .elementor-36749 .elementor-element.elementor-element-d8b0c9e > .elementor-background-video-container::before, .elementor-36749 .elementor-element.elementor-element-d8b0c9e > .e-con-inner > .elementor-background-video-container::before, .elementor-36749 .elementor-element.elementor-element-d8b0c9e > .elementor-background-slideshow::before, .elementor-36749 .elementor-element.elementor-element-d8b0c9e > .e-con-inner > .elementor-background-slideshow::before, .elementor-36749 .elementor-element.elementor-element-d8b0c9e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://stephanepreteseille.com/wp-content/uploads/2025/07/206ec9e5213e2548a9e8a9dd9c0a1db111df33b5-1.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-36749 .elementor-element.elementor-element-c1ac90e .elementor-heading-title{color:#000000;}.elementor-36749 .elementor-element.elementor-element-44efca5{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36749 .elementor-element.elementor-element-7eaef94{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;}.elementor-36749 .elementor-element.elementor-element-7eaef94 > .elementor-widget-container{margin:25px 00px 50px 00px;}.elementor-36749 .elementor-element.elementor-element-7eaef94.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-36749 .elementor-element.elementor-element-ef94849{--display:flex;}@media(max-width:1024px){.elementor-36749 .elementor-element.elementor-element-aca363a{--min-height:500px;}.elementor-36749 .elementor-element.elementor-element-d8b0c9e{--min-height:500px;}}@media(max-width:767px){.elementor-36749 .elementor-element.elementor-element-aca363a{--min-height:200px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-36749 .elementor-element.elementor-element-d8b0c9e{--min-height:200px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS *//* Container du bloc */
.ldx-lesson{
  border-radius:16px;
  margin-bottom:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,0.06);
}

/* Bouton d’entête : grille = gauche (titre+meta), droite (chevron) */
.ldx-lesson-toggle{
  width:100%;
  display:grid;
  grid-template-columns: 1fr auto;   /* gauche : head ; droite : chevron */
  gap:12px;
  align-items:center;
  text-align:left;
  background:#fff !important;
  border:0;
  padding:14px 20px;
  cursor:pointer;
  font:inherit;
  border-radius:0;
  margin:0;
  transition:background .2s ease;
}

/* Bloc gauche (titre + meta empilés) */
.ldx-lesson-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;                       /* pour que le titre puisse wrap */
}

/* Titre de la leçon */
.ldx-lesson-title{
  font-weight:800;
  font-size:clamp(17px,1.7vw,20px);
  color:#0f172a;
  line-height:1.25;
  word-break:break-word;             /* casse si mot trop long */
}

/* Meta “N chapitres” */
.ldx-lesson-meta{
  font-size:13px;
  color:#475569;
}

/* Chevron à droite */
.ldx-chevron{
  width:10px;
  height:10px;
  border-right:2px solid #0ea5e9;
  border-bottom:2px solid #0ea5e9;
  transform:rotate(-45deg);
  transition:transform .2s ease;
  justify-self:end;
}

/* État ouvert */
.ldx-lesson.is-open .ldx-lesson-toggle{
  background:linear-gradient(90deg,#5cd3ff 0%,#0070f3 100%) !important;
  color:#fff !important;
  border-radius:16px 16px 0 0;
}
.ldx-lesson.is-open .ldx-lesson-title{ color:#fff !important; }
.ldx-lesson.is-open .ldx-lesson-meta{ color:#eaf2ff !important; }
.ldx-lesson.is-open .ldx-chevron{ border-color:#fff !important; }
.ldx-lesson.is-open .ldx-chevron{ transform:rotate(45deg); }

/* Contenu déplié */
.ldx-lesson-content{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease, padding .3s ease;
  background:#f8fafc;
  padding:0 20px;
}
.ldx-lesson.is-open .ldx-lesson-content{
  max-height:1000px; /* grande valeur pour assurer le dépliage */
  padding:18px 20px;
}

/* Suppression de l’ancienne règle qui masquait .ldx-lesson-meta sur mobile */
@media (max-width:768px){
  .ldx-lesson-meta{ display:block; }
}

/* Plus d’espace vertical entre les topics */
.ldx-topics { 
  padding: 6px 0 8px;          /* un peu d’air autour de la liste */
}

.ldx-topic-link{
  display: block;
  padding: 16px 24px;            /* <-- augmente l’espace haut/bas (était ~10px) */
  line-height: 1.45;             /* texte plus aéré */
}

/* on garde le séparateur entre les items */
.ldx-topic + .ldx-topic{
  border-top: 1px dashed #e5e7eb;
}
/* Hover plus marqué */
.ldx-topic-link:hover{
  background: #eef6ff;       /* bleu très clair en fond */
  color: #1d4ed8;            /* bleu plus soutenu pour le texte */
  border-left: 4px solid #1d4ed8;
  padding-left: 20px;        /* compense la bordure ajoutée pour garder l’alignement */
  transition: all 0.2s ease; /* animation douce */
}/* End custom CSS */