@charset "UTF-8";
/* ==========================================================================
   BHP Pro — Strona "Moje kursy" (Sensei Pro blok Gutenberga)
   Klasy potwierdzone bezpośrednio z wyrenderowanego HTML strony.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. KONTENER — rozszerz do pełnej szerokości
   -------------------------------------------------------------------------- */

/* Strona /moje-kursy/ ma container--narrow — rozszerzamy */
.sensei-lms-page-my-courses .container,
.sensei-lms-page-my-courses .container--narrow {
  max-width: var(--container) !important;
}

/* entry-content nie powinno ograniczać szerokości na tej stronie */
.sensei-lms-page-my-courses .entry-content {
  max-width: 100% !important;
}

/* --------------------------------------------------------------------------
   2. FILTR SELECT — "Aktywne / Ukończone / Wszystkie kursy"
   -------------------------------------------------------------------------- */
.wp-block-sensei-lms-course-list-filter {
  margin-bottom: 1.5rem !important;
}

.wp-block-sensei-lms-course-list-filter select {
  appearance: auto !important;
  padding: .65rem 1.25rem !important;
  border: 1.5px solid var(--gray-200) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-body) !important;
  font-size: .9rem !important;
  color: var(--navy) !important;
  background: var(--white) !important;
  cursor: pointer !important;
  min-width: 220px !important;
  box-shadow: none !important;
}

.wp-block-sensei-lms-course-list-filter select:focus {
  outline: none !important;
  border-color: var(--orange) !important;
  box-shadow: 0 0 0 3px rgba(232,96,10,.12) !important;
}

/* --------------------------------------------------------------------------
   3. LISTA — ul.wp-block-post-template
   -------------------------------------------------------------------------- */
ul.wp-block-post-template {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

ul.wp-block-post-template li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --------------------------------------------------------------------------
   4. KARTA KURSU — .wp-block-group.has-border-color
   Sensei renderuje: <div class="wp-block-group has-border-color" style="border-color:#c7c3c34f; border-width:1px; padding:10px">
   Nadpisujemy inline style przez wyższy selektor
   -------------------------------------------------------------------------- */
.wp-block-sensei-lms-course-list li .wp-block-group.has-border-color,
.wp-block-post.type-course .wp-block-group.has-border-color {
  border-color: var(--gray-100) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: var(--radius-lg) !important;
  padding: 1.5rem 2rem !important;
  background: var(--white) !important;
  transition: box-shadow .2s ease, border-color .2s ease !important;
}

.wp-block-sensei-lms-course-list li .wp-block-group.has-border-color:hover,
.wp-block-post.type-course .wp-block-group.has-border-color:hover {
  border-color: var(--gray-200) !important;
  box-shadow: 0 4px 20px rgba(26,43,74,.09) !important;
}

/* --------------------------------------------------------------------------
   5. TYTUŁ KURSU — h2.wp-block-post-title
   Był za duży i pomarańczowy (z motywu h2 + global color)
   -------------------------------------------------------------------------- */
.wp-block-sensei-lms-course-list h2.wp-block-post-title,
.wp-block-post.type-course h2.wp-block-post-title {
  font-family: var(--font-heading) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  margin: 0 0 .5rem !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

.wp-block-sensei-lms-course-list h2.wp-block-post-title a,
.wp-block-post.type-course h2.wp-block-post-title a {
  color: var(--navy) !important;
  text-decoration: none !important;
}

.wp-block-sensei-lms-course-list h2.wp-block-post-title a:hover,
.wp-block-post.type-course h2.wp-block-post-title a:hover {
  color: var(--orange) !important;
}

/* --------------------------------------------------------------------------
   6. EXCERPT (pusty, ale ukryj żeby nie zostawiał miejsca)
   -------------------------------------------------------------------------- */
.wp-block-sensei-lms-course-list .wp-block-post-excerpt,
.wp-block-post.type-course .wp-block-post-excerpt:empty,
.wp-block-post.type-course .wp-block-post-excerpt__excerpt:empty {
  display: none !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   7. LINK "Przegląd szkolenia" — .wp-block-sensei-lms-course-overview a
   -------------------------------------------------------------------------- */
.wp-block-sensei-lms-course-overview a {
  color: var(--orange) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin-top: .5rem !important;
}

.wp-block-sensei-lms-course-overview a:hover {
  color: var(--orange-light) !important;
}

/* --------------------------------------------------------------------------
   8. PASEK POSTĘPU — .sensei-progress-bar__bar / __progress / __label
   -------------------------------------------------------------------------- */
.sensei-progress-bar__label {
  font-size: .8rem !important;
  color: var(--gray-400) !important;
  margin: .875rem 0 .375rem !important;
  font-weight: 500 !important;
}

.sensei-progress-bar__bar {
  height: 8px !important;
  background: var(--gray-100) !important;
  border-radius: 100px !important;
  overflow: hidden !important;
  border: none !important;
}

/* .sensei-progress-bar__progress has-primary-background-color —
   nadpisujemy kolor "primary" bloku Gutenberga na pomarańcz motywu */
.sensei-progress-bar__progress,
.sensei-progress-bar__progress.has-primary-background-color,
.sensei-progress-bar__progress.has-background {
  height: 100% !important;
  background-color: var(--orange) !important;
  border-radius: 100px !important;
  /* width ustawiane inline przez Sensei — nie nadpisujemy */
}

/* --------------------------------------------------------------------------
   9. PRZYCISK "Continue" / "Kontynuuj"
   .wp-block-sensei-lms-button-continue-course button.wp-block-button__link
   -------------------------------------------------------------------------- */
.wp-block-sensei-lms-button-continue-course .wp-block-button__link,
.wp-block-sensei-button .wp-block-button__link,
.sensei-cta .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .75rem 1.75rem !important;
  background: var(--orange) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-body) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-shadow: none !important;
  width: 100% !important;
}

.wp-block-sensei-lms-button-continue-course .wp-block-button__link:hover,
.wp-block-sensei-button .wp-block-button__link:hover,
.sensei-cta .wp-block-button__link:hover {
  background: var(--orange-light) !important;
  color: var(--white) !important;
  box-shadow: 0 4px 16px rgba(232,96,10,.35) !important;
  transform: translateY(-1px) !important;
}

/* Kontener prawej kolumny z przyciskiem — wyśrodkuj pionowo */
.wp-block-sensei-lms-course-list .wp-block-column:last-child,
.wp-block-post.type-course .wp-block-column:last-child {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.sensei-cta {
  width: 100% !important;
}

/* --------------------------------------------------------------------------
   10. KOLUMNY — proporcje i alignment
   -------------------------------------------------------------------------- */
.wp-block-sensei-lms-course-list .wp-block-columns {
  align-items: center !important;
  gap: 1.5rem !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   11. BULLET POINT — usuń z li (WordPress dodaje domyślny styl listy)
   -------------------------------------------------------------------------- */
ul.wp-block-post-template li.wp-block-post {
  list-style: none !important;
  list-style-type: none !important;
}

ul.wp-block-post-template li.wp-block-post::before,
ul.wp-block-post-template li.wp-block-post::marker {
  display: none !important;
  content: none !important;
}

/* --------------------------------------------------------------------------
   12. SPACING ogólny
   -------------------------------------------------------------------------- */
.wp-block-sensei-lms-course-list {
  margin-top: 1.5rem !important;
}

/* --------------------------------------------------------------------------
   13. RESPONSIVE
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
  .wp-block-sensei-lms-course-list .wp-block-columns {
    flex-direction: column !important;
    gap: 1rem !important;
  }

  .wp-block-sensei-lms-course-list .wp-block-column:last-child {
    justify-content: flex-start !important;
  }

  .wp-block-sensei-lms-button-continue-course .wp-block-button__link {
    width: auto !important;
  }
}