/* ============================================================
   DEV-HOBBY — skórka odtwarzacza kursu MasterStudy
   Przemalowuje wbudowany tryb ciemny (*_dark-mode) z szarości
   (#171717 / #1e1e1e / #2d2d2d) na granatową paletę nowego designu.
   Ładowana tylko na trasie course-player (devhobby/inc-player.php).
   ============================================================ */

:root {
  --dh-bg: #0b1120;        /* tło główne */
  --dh-surface: #0f172a;   /* panele: nagłówek, kurikulum, dyskusje */
  --dh-surface-2: #141e33; /* elementy podniesione */
  --dh-border: rgba(148, 163, 184, 0.14);
  --dh-violet: #7c3aed;
  --dh-violet-light: #a78bfa;
}

/* ── Nagłówek odtwarzacza ── */
.masterstudy-course-player-header_dark-mode {
  background: var(--dh-surface) !important;
  border-bottom: 1px solid var(--dh-border);
}

/* ── Obszar treści lekcji ── */
.masterstudy-course-player-content_dark-mode {
  background: var(--dh-bg) !important;
}

/* ── Panele boczne: kurikulum i dyskusje ── */
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-curriculum,
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-discussions {
  background: var(--dh-surface) !important;
  border-color: var(--dh-border) !important;
}

/* ── Dolna nawigacja lekcji ── */
.masterstudy-course-player-navigation_dark-mode {
  background: var(--dh-surface) !important;
  border-top: 1px solid var(--dh-border);
}

/* ── Podniesione powierzchnie wewnątrz trybu ciemnego ──
   MS używa #1e1e1e / #2d2d2d na kartach, polach i sekcjach — mapujemy
   na granat. Selektory celowo szerokie, ograniczone do trybu ciemnego. */
.masterstudy-course-player-content_dark-mode [class*="masterstudy-"][class*="_dark-mode"] {
  background-color: var(--dh-surface-2);
}

/* ── Akcent: pasek postępu i elementy aktywne ── */
.masterstudy-course-player-header_dark-mode [class*="progress"] [class*="bar"],
.masterstudy-course-player-header_dark-mode progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--dh-violet), #22d3ee) !important;
}
.masterstudy-course-player-content_dark-mode
  [class*="curriculum"] [class*="active"] {
  border-color: var(--dh-violet) !important;
}
.masterstudy-course-player-content_dark-mode a[class*="masterstudy-"]:hover {
  color: var(--dh-violet-light);
}

/* ── Porządki po wp_footer (jak na zwykłych stronach designu) ──
   Stopka odtwarzacza to gołe wp_footer() — elementy doklejane przez
   motyw/wtyczki bez swoich stylów rozpychały dół strony pustą przestrzenią. */

/* Przycisk "do góry" eStara — nieostylowany SVG rósł do ~916px */
.go-to-top { display: none !important; }

/* Modal logowania MasterStudy — na trasie odtwarzacza jego wariant CSS
   zostawia zamknięty modal z visibility:visible + opacity:0 na pełnym
   ekranie (z-index 99999), przez co NIEWIDZIALNA nakładka przechwytywała
   wszystkie kliknięcia — m.in. przycisk Next w nawigacji lekcji.
   Zamknięty modal: poza przepływem, niewidzialny i przepuszczający kliki.
   Po otwarciu (klasa _open) wraca pod kontrolę CSS wtyczki. */
.masterstudy-authorization-modal {
  position: fixed !important;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 99999;
}
.masterstudy-authorization-modal:not(.masterstudy-authorization-modal_open) {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ── Scrollbar w panelach (WebKit) ── */
.masterstudy-course-player-content_dark-mode ::-webkit-scrollbar {
  width: 10px;
}
.masterstudy-course-player-content_dark-mode ::-webkit-scrollbar-track {
  background: var(--dh-bg);
}
.masterstudy-course-player-content_dark-mode ::-webkit-scrollbar-thumb {
  background: var(--dh-surface-2);
  border-radius: 6px;
}