/* === CSS z pliku PDF (bez zmian) === */
.ld-button {
    min-width: 250px;
    padding: 12px 24px;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    max-width: 100%;
    box-sizing: border-box;
}

.learndash_mark_complete_button {
    padding: 12px 24px;
    min-width: 250px;
    position: relative;
    font-weight: bold;
}

.learndash_mark_complete_button::after {
    content: '✔';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: white;
}

/* TABLET (maks. 1024px) */
@media (max-width: 1024px) {
    .ld-button {
        min-width: unset;
        width: 100%;
        max-width: 100%;
    }

    .learndash_mark_complete_button {
        min-width: unset;
        width: 100%;
        max-width: 100%;
    }
}
.ld-course-step-back {
    display: inline-block !important;
    margin-top: 10px !important;
    font-size: 14px !important;
    text-decoration: underline !important;
    color: #000 !important;
}

#selectionSharerPopunder,
#selectionSharerPopover,
#selectionSharerPopunder *,
#selectionSharerPopover *,
.selectionSharer,
.selectionSharer * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  opacity: 0 !important;
}

/* Ukrywa nagłówek: Zagadnienie Content (tekst + ikonka) */
#secondary .ld-table-list-title {
  display: none !important;
}

/* Ukrywa: 0% ukończony + 0/4 Steps */
#secondary .ld-lesson-list-progress,
#secondary .ld-lesson-list-steps {
  display: none !important;
}

/* Ukrywa cały pasek „Kurs zawiera” (nagłówek nad listą) */
#secondary .ld-section-heading {
  display: none !important;
}

/* Ukrywa przycisk „Rozwiń wszystko” */
#secondary .ld-item-list-actions .ld-expand-button {
  display: none !important;
}

/* Usuwa pusty, zielony pasek po nagłówku */
#secondary .ld-table-list-header {
  display: none !important;
}

/* Styl nagłówka kursu w sidebarze */
#secondary .widget:first-of-type .learndash-wrap {
  font-size: 25px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
  line-height: 1.2;
}

#secondary .ld-table-list-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ogólnie ukrywa wszystkie infobary (breadcrumbs, status, postęp) */
.learndash-shortcode-wrap[class*="ld_infobar"] {
    display: none !important;
}

.ld-button,
.learndash_mark_complete_button {
    color: #fff !important;
}

/* 1. Dodatkowy margines górny dla tytułu kursu na mobile */
@media (max-width: 768px) {
    #secondary .widget:first-of-type .learndash-wrap {
        margin-top: 15px !important;
    }
}

/* 2. Lewy margines 10px dla rozwijanych tematów w sidebarze na mobile */
@media (max-width: 768px) {
    #secondary .ld-table-list-item {
        margin-left: 20px !important;
    }
}

/* 🔁 Naprawa działania przycisków rozwijających tematy */
.ld-expand-button,
.ld-expand-button * {
    pointer-events: auto !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10;
}

/* ✅ Na mobilu: dodaj margines górny do tytułu kursu */
@media (max-width: 768px) {
    #secondary .widget:first-of-type .learndash-wrap {
        margin-top: 15px !important;
    }

    /* ✅ Na mobilu: dodaj trochę lewego marginesu do tematów */
    #secondary .ld-table-list-item {
        margin-left: 10px !important;
        margin-right: 0 !important;
    }
}

/* ✅ Naprawa przycisków „Rozwiń” (tematy wewnątrz lekcji) */
.ld-expand-button,
.ld-expand-button * {
    pointer-events: auto !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10;
}

.ld-expand-button .ld-icon {
    color: #fff !important;           /* Biała strzałka */
    font-size: 10px !important;       /* Mniejsza strzałka */
    line-height: 1 !important;
    display: inline-block;
    margin-top: var(--icon-margin-top, 1px) !important; /* domyślnie 1px */
    vertical-align: middle;
}

/* Dodatkowy margines do tytułu kursu w sidebarze */
#secondary .widget:first-of-type .learndash-wrap {
    margin-top: 15px !important;
}

/* Na mobilu: lekki lewy margines do tematów */
#secondary .ld-table-list-item {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* Przyciski „Rozwiń” (tematy wewnątrz lekcji) */
.ld-expand-button {
    display: inline-flex !important;
    align-items: center !important;  /* wycentrowanie pionowe */
    gap: 6px;                         /* odstęp */
    margin-top: var(--expand-button-margin-top, 10px) !important; /* mobile */
}

@media (max-width: 768px) {
    .ld-expand-button { --expand-button-margin-top: 10px; }
}

/* Ikonka strzałki w kółku */
.ld-expand-button .ld-icon {
    color: #fff !important;           /* Biała strzałka */
    font-size: 10px !important;       /* Mniejsza strzałka */
    line-height: 1.6 !important;
    vertical-align: middle;
    margin-top: 0 !important; /* reset */
}

body.woocommerce-account article.entry {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* 1. Ukryj wstążkę "Przyjęty" / "Enrolled" */
.learndash-course-grid .ribbon.enrolled { display: none !important; }
/* 2. Zmniejsz margines między tytułem a obrazkiem */
.learndash-course-grid .thumbnail .image { margin-bottom: -10px; }

.arrow.button { display: none !important; }

/* Ukryj całą sekcję entry-hero */
.entry-hero { display: none !important; }


/* === Lexend self-hosted font (added automatically) === */
@font-face {
  font-family: 'Lexend';
  src: url('fonts/lexend/Lexend-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* Static weight fallbacks */
@font-face { font-family: 'Lexend'; src: url('fonts/lexend/Lexend-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lexend'; src: url('fonts/lexend/Lexend-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lexend'; src: url('fonts/lexend/Lexend-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lexend'; src: url('fonts/lexend/Lexend-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lexend'; src: url('fonts/lexend/Lexend-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lexend'; src: url('fonts/lexend/Lexend-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lexend'; src: url('fonts/lexend/Lexend-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lexend'; src: url('fonts/lexend/Lexend-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lexend'; src: url('fonts/lexend/Lexend-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }

/* Apply Lexend only within the plugin UI */
.nowpro-wrap, .nowpro-wrap *,
[class^="nowpro-"], [class*=" nowpro-"],
[class^="np-"], [class*=" np-"] {
  font-family: 'Lexend', system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
  font-optical-sizing: auto;
}