/* ============================================================
   MEDICAL TRAINING — Kursy: konto klienta, strona po zamówieniu,
   kokpit i lekcje Tutora 4 w kolorach serwisu
   (motyw potomny, inc/dostepy.php)
   ============================================================ */

:root {
  --mtk-bg: var(--mt-bg, #0d0d0f);
  --mtk-card: var(--mt-bg2, #141416);
  --mtk-card-2: var(--mt-bg3, #1a1a1e);
  --mtk-line: rgba(255, 255, 255, 0.09);
  --mtk-text: var(--mt-text, #edeae5);
  --mtk-muted: var(--mt-muted, #9b968e);
  --mtk-fire: var(--mt-fire, #ff4d1c);
  --mtk-ok: #2fbf71;
  --mtk-radius: 16px;
}

/* ---------- Konto klienta: „Twoje kursy” ---------- */

.mtc-konto-kursy {
  margin: 0 0 32px;
  padding: 22px 24px;
  border: 1px solid var(--mtk-line);
  border-radius: var(--mtk-radius);
  background: var(--mtk-card);
  color: var(--mtk-text);
}

.mtc-konto-kursy-glowa {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 14px;
}

.mtc-konto-kursy h2,
.mtc-po-zamowieniu h2 {
  margin: 0;
  font-size: clamp(20px, 2.4vw, 24px);
  line-height: 1.25;
  color: var(--mtk-text);
}

.mtc-konto-kursy-wiecej {
  color: var(--mtk-fire);
  font-weight: 600;
  text-decoration: none;
}

.mtc-konto-kursy-wiecej:hover,
.mtc-konto-kursy-wiecej:focus-visible {
  text-decoration: underline;
}

.mtc-kursy-lista {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mtc-kurs-karta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 20px;
  margin: 0;
  padding: 16px 18px;
  border: 1px solid var(--mtk-line);
  border-left: 4px solid var(--mtk-fire);
  border-radius: 12px;
  background: var(--mtk-card-2);
}

.mtc-kurs-karta.is-done {
  border-left-color: var(--mtk-ok);
}

.mtc-kurs-karta-tresc {
  display: grid;
  flex: 1 1 260px;
  gap: 8px;
  min-width: 0;
}

.mtc-kurs-karta-tresc strong {
  font-size: 17px;
  line-height: 1.35;
  color: var(--mtk-text);
  overflow-wrap: anywhere;
}

.mtc-kurs-pasek {
  display: block;
  height: 6px;
  max-width: 360px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.mtc-kurs-pasek > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--mtk-fire);
}

.is-done .mtc-kurs-pasek > span {
  background: var(--mtk-ok);
}

.mtc-kurs-stan {
  font-size: 13px;
  color: var(--mtk-muted);
}

.mtc-kurs-przycisk.mt-btn {
  flex: 0 0 auto;
  min-height: 44px;
  white-space: nowrap;
}

.mtc-konto-uwaga,
.mtc-kurs-logowanie {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 77, 28, 0.35);
  background: rgba(255, 77, 28, 0.08);
  color: var(--mtk-text);
  font-size: 14px;
  line-height: 1.55;
}

.mtc-konto-uwaga a,
.mtc-kurs-logowanie a,
.mtc-konto-pusto a {
  color: var(--mtk-fire);
  font-weight: 600;
}

.mtc-konto-pusto {
  margin: 0 0 14px;
  color: var(--mtk-muted);
}

.mtc-kurs-logowanie {
  margin: 16px 0 0;
}

/* Strona kursu: reguła mt-tutor.css dla bocznego panelu lekcji łapie też kolumnę
   z kartami kursu (.tutor-single-course-sidebar) — dawała jej tło i prawą ramkę,
   widoczne jako pas obok karty zakupu. */
body.single-courses .tutor-single-course-sidebar {
  background: transparent !important;
  border-right: 0 !important;
}

/* Pusta stopka karty zakupu (Tutor drukuje ją także bez pozycji listy). */
.tutor-sidebar-card .tutor-card-footer:not(:has(li)) {
  display: none;
}

/* Zakładka „Moje kursy” w menu konta — wyróżniona, bo to główny cel wizyty. */
.woocommerce-MyAccount-navigation-link--mtc-kursy a {
  font-weight: 700;
}

/* Linki we wstępie konta szły niebieskim z palety Blocksy (#2872fa) na ciemnym tle. */
.woocommerce-account .woocommerce-MyAccount-content > p a,
.woocommerce-account .woocommerce-MyAccount-content > p a:visited {
  color: var(--mtk-fire);
}

.woocommerce-account .woocommerce-MyAccount-content > p a:hover,
.woocommerce-account .woocommerce-MyAccount-content > p a:focus-visible {
  color: var(--mtk-text);
}

/* Koszyk (Blocksy): cena pod nazwą kursu i wiersz „1 × cena” na telefonie brały ciemny
   kolor z jasnej palety — na ciemnym tle były prawie niewidoczne. */
.woocommerce-cart .woocommerce-cart-form td.product-name .price,
.woocommerce-cart .woocommerce-cart-form td.product-name .price .amount,
.woocommerce-cart .woocommerce-cart-form td.product-name .product-mobile-actions,
.woocommerce-cart .woocommerce-cart-form td.product-name .product-mobile-actions .amount {
  color: var(--mtk-muted) !important;
}

/* ---------- Strona po zamówieniu ---------- */

.mtc-po-zamowieniu {
  margin: 0 0 28px;
  padding: 22px 24px;
  border: 1px solid rgba(255, 77, 28, 0.35);
  border-radius: var(--mtk-radius);
  background: var(--mtk-card);
  color: var(--mtk-text);
}

.mtc-po-zamowieniu p {
  margin: 10px 0 14px;
  color: var(--mtk-muted);
}

.mtc-po-zamowieniu-czekam::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  vertical-align: -1px;
  border: 2px solid var(--mtk-fire);
  border-right-color: transparent;
  border-radius: 50%;
  animation: mtc-kolo 0.9s linear infinite;
}

@keyframes mtc-kolo {
  to { transform: rotate(360deg); }
}

/* ---------- Kokpit i lekcje Tutora 4 (ciemny wygląd w kolorach serwisu) ---------- */

[data-tutor-theme="dark"] {
  --tutor-surface-base: #0d0d0f;
  --tutor-surface-l1: #141416;
  --tutor-surface-l1-hover: #1d1d21;
  --tutor-surface-l2: #1d1d21;
  --tutor-surface-l2-hover: #26262b;
  --tutor-surface-l3: #18181b;
  --tutor-surface-sidebar-l1: #0a0a0c;
  --tutor-surface-brand-tertiary: #26262b;
  --tutor-surface-warning: #1d1d21;
  --tutor-text-primary: #edeae5;
  --tutor-text-secondary: #c9c4bd;
  --tutor-text-subdued: #9b968e;
  --tutor-text-disabled: #686460;
  --tutor-icon-idle: #c9c4bd;
  --tutor-icon-secondary: #9b968e;
  --tutor-icon-subdued: #686460;
  --tutor-icon-brand-secondary: #26262b;
  --tutor-border-idle: #26262b;
  --tutor-border-idle2: #2e2e33;
  --tutor-border-hover: #4a4a50;
  --tutor-border-inverse: #2e2e33;
  --tutor-border-brand-secondary: #2e2e33;
  --tutor-border-dark: #2e2e33;
  --tutor-button-secondary: #26262b;
  --tutor-button-primary-soft: #26262b;
  --tutor-button-primary-soft-focused: #26262b;
  --tutor-button-outline-inverse: #141416;
  --tutor-button-outline-hover: #26262b;
  --tutor-button-ghost-hover: #26262b;
  --tutor-actions-brand-tertiary: #26262b;
}

@media (prefers-color-scheme: dark) {
  [data-tutor-theme="system"] {
    --tutor-surface-base: #0d0d0f;
    --tutor-surface-l1: #141416;
    --tutor-surface-l1-hover: #1d1d21;
    --tutor-surface-l2: #1d1d21;
    --tutor-surface-l2-hover: #26262b;
    --tutor-surface-l3: #18181b;
    --tutor-surface-sidebar-l1: #0a0a0c;
    --tutor-text-primary: #edeae5;
    --tutor-text-secondary: #c9c4bd;
    --tutor-text-subdued: #9b968e;
    --tutor-border-idle: #26262b;
    --tutor-border-idle2: #2e2e33;
  }
}

/* Tytuł strony „Kokpit” nad kokpitem Tutora (Blocksy) — kokpit ma własny nagłówek. */
.tutor-screen-frontend-dashboard .hero-section,
.tutor-screen-frontend-dashboard .entry-header {
  display: none;
}

/* Nazwa serwisu w miejscu logo (gdy w Tutorze nie ma logo) — cała, bez łamania wyrazów.
   Tutor daje ramce stałe 80 px wysokości i 120 px szerokości na logo. */
.tutor-dashboard-sidebar-logo {
  height: auto;
  min-height: 80px;
  padding-left: 32px;
  padding-right: 24px;
  text-decoration: none;
}

.tutor-dashboard-sidebar-logo .tutor-brand-logo {
  max-width: 100%;
}

.tutor-dashboard-sidebar-logo .site-title,
.tutor-brand-logo .site-title {
  display: block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--tutor-text-primary, #edeae5);
}

.tutor-dashboard-sidebar-logo img {
  max-width: 180px;
  max-height: 56px;
}

/* Treść lekcji: bez czarnego paska za pierwszym akapitem (reguła starego nadpisania Tutora 2.x). */
[data-tutor-theme] .tutor-lesson-content-area p,
[data-tutor-theme] .tutor-learning-area p,
[data-tutor-theme] .tutor-lesson-content p {
  background: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .mtc-po-zamowieniu-czekam::before {
    animation: none;
  }
}

@media (max-width: 600px) {
  .mtc-konto-kursy,
  .mtc-po-zamowieniu {
    padding: 18px 16px;
  }

  .mtc-kurs-karta {
    padding: 14px;
  }

  .mtc-kurs-przycisk.mt-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}