/*
Theme Name: eLearning Child
Template: elearning
*/


/* ===== Single course: instructor section (Netflix-like split) ===== */
.academy-single-course__content-item--instructors .course-single-instructor{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.academy-single-course__content-item--instructors .instructor-info{
  display:flex;
  align-items:center;
  gap:16px;
  flex:1 1 auto;
}

/* sposta la thumbnail a destra */
.academy-single-course__content-item--instructors .instructor-info__thumbnail{
  order:2;
  width:120px;
  flex:0 0 120px;
}

.academy-single-course__content-item--instructors .instructor-info__thumbnail img{
  width:120px;
  height:120px;
  border-radius:16px;
  object-fit:cover;
  display:block;
}

.academy-single-course__content-item--instructors .instructor-info__content{
  order:1;
}

/* mobile */
@media (max-width: 768px){
  .academy-single-course__content-item--instructors .course-single-instructor{
    flex-direction:column;
    align-items:flex-start;
  }
  .academy-single-course__content-item--instructors .instructor-info{
    width:100%;
  }
  .academy-single-course__content-item--instructors .instructor-info__thumbnail{
    order:0;
    width:96px;
    flex-basis:96px;
  }
  .academy-single-course__content-item--instructors .instructor-info__thumbnail img{
    width:96px;height:96px;
  }
}


/* ===== Force horizontal row for lessons ===== */
.academy-single-course__content-item--curriculum .academy-accordion__body > .academy-lesson-list,
.academy-single-course__content-item--curriculum .academy-sub-curriculum-accordion .academy-accordion__body > .academy-lesson-list{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  padding: 10px 0 18px !important;
  margin: 0 !important;
  list-style: none !important;

  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* card width + snap */
.academy-single-course__content-item--curriculum .academy-lesson-card{
  flex: 0 0 280px;
  scroll-snap-align: start;
}