/* =====================================================
   LEARNPRESS LAYOUT
   - Sticky footer на сторінках LP
   - Mobile overflow fix
   ===================================================== */

/* 1. Sticky footer: LP-контейнери розтягуються по висоті */
.learn-press-archive-courses,
.lp-archive-courses,
.learn-press-page,
.lp-content-wrapper,
.lp-courses,
#learn-press-course,
.course-item,
.learnpress-wrapper {
  flex: 1 0 auto;
}

/* 2. Body fallback */
body {
  min-height: 100vh;
}

/* 3. Mobile overflow: усі LP-контейнери — max-width + box-sizing */
.learn-press-archive-courses,
.lp-archive-courses,
.lp-courses,
.lp-courses .course-item,
.learnpress-wrapper,
.learnpress-wrapper *,
.lp-content-wrapper,
.lp-content-wrapper * {
  max-width: 100%;
  box-sizing: border-box;
}

/* 4. Картки курсів: не вилазити на мобілці */
@media (max-width: 768px) {
  .lp-courses,
  .learn-press-courses,
  #learn-press-course {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .lp-courses .course-item,
  .learn-press-courses .course-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .course-item img,
  .course-item .course-thumbnail,
  .course-item .course-thumbnail img {
    max-width: 100%;
    height: auto;
  }
}

/* 5. Пошук/сортування — хедер архіву */
.lp-archive-courses-header,
.learn-press-courses-header {
  max-width: 100%;
  flex-wrap: wrap;
  gap: 12px;
}

/* 6. Приховати breadcrumbs LP усюди — дублюють навігацію.
   LP використовує власні класи (`learn-press-breadcrumb`, `lp-breadcrumb`)
   які ніхто інший не вживає, тому селектор без body-префіксу безпечний. */
.learn-press-breadcrumb,
.learnpress-breadcrumb,
.lp-breadcrumb {
  display: none;
}
 
/* 7. Приховати H1-заголовки LP:
   - "Checkout" на сторінці оплати (h1.lp-content-area як прямий нащадок .lp-archive-courses)
   - "Курси" на архіві курсів (у <header.learn-press-courses-header>) */
.lp-archive-courses > h1.lp-content-area,
.learn-press-courses-header {
  display: none;
}