/* 1911 Project — Tutor LMS 4.1.3 student dashboard
 * Visual-only overrides; no changes to Tutor LMS markup or behavior.
 */
body.tutor-screen-frontend-dashboard {
  --ie-bg: #101010;
  --ie-panel: #1c1c1c;
  --ie-panel-hover: #252525;
  --ie-accent: #ffb000;
  --ie-accent-hover: #d99000;
  --ie-text: #f5f5f5;
  --ie-muted: #b3b3b3;
  --ie-border: #363636;
}

/* Dashboard surfaces only */
body.tutor-screen-frontend-dashboard .tutor-dashboard-layout,
body.tutor-screen-frontend-dashboard .tutor-dashboard-body,
body.tutor-screen-frontend-dashboard .tutor-dashboard-page {
  background: var(--ie-bg);
  color: var(--ie-text);
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar,
body.tutor-screen-frontend-dashboard .tutor-dashboard-header {
  background: var(--ie-panel);
  border-color: var(--ie-border);
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a {
  border-radius: 10px;
  transition: background-color .18s ease, color .18s ease;
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a:hover,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a.active {
  background: rgba(255, 176, 0, .12);
  color: var(--ie-accent);
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a.active {
  box-shadow: inset 3px 0 0 var(--ie-accent);
}

/* Statistic and course cards */
body.tutor-screen-frontend-dashboard .tutor-stat-card,
body.tutor-screen-frontend-dashboard .tutor-progress-card {
  background: var(--ie-panel);
  border: 1px solid var(--ie-border);
  border-radius: 14px;
  color: var(--ie-text);
  transition: border-color .18s ease, background-color .18s ease;
}
body.tutor-screen-frontend-dashboard .tutor-stat-card:hover,
body.tutor-screen-frontend-dashboard .tutor-progress-card:hover {
  background: var(--ie-panel-hover);
  border-color: rgba(255,176,0,.5);
}
body.tutor-screen-frontend-dashboard .tutor-stat-card-value,
body.tutor-screen-frontend-dashboard .tutor-progress-card-title {
  color: var(--ie-text);
}
body.tutor-screen-frontend-dashboard .tutor-stat-card-title,
body.tutor-screen-frontend-dashboard .tutor-progress-card-details {
  color: var(--ie-muted);
}

/* Buttons and progress: do not modify progress width or state */
body.tutor-screen-frontend-dashboard .tutor-btn-primary {
  background: var(--ie-accent);
  border-color: var(--ie-accent);
  color: #101010;
  font-weight: 700;
}
body.tutor-screen-frontend-dashboard .tutor-btn-primary:hover {
  background: var(--ie-accent-hover);
  border-color: var(--ie-accent-hover);
  color: #101010;
}
body.tutor-screen-frontend-dashboard .tutor-progress-bar-fill {
  background-color: var(--ie-accent);
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-layout a:focus-visible,
body.tutor-screen-frontend-dashboard .tutor-dashboard-layout button:focus-visible,
body.tutor-screen-frontend-dashboard .tutor-progress-card:focus-visible {
  outline: 2px solid var(--ie-accent);
  outline-offset: 3px;
}

/* Keep Tutor LMS responsive layout and mobile navigation intact. */
@media (prefers-reduced-motion: reduce) {
  body.tutor-screen-frontend-dashboard .tutor-stat-card,
  body.tutor-screen-frontend-dashboard .tutor-progress-card,
  body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a {
    transition: none;
  }
}
/* 1911 Project — Tutor LMS 4.1.3 lesson / learning area
 * Append to tutor-1911.css. Visual overrides only.
 * Do not change Tutor LMS layout positioning, video sizing, or controls.
 */
body:has(.tutor-learning-page) .tutor-learning-page {
  --ie-bg: #101010;
  --ie-panel: #1c1c1c;
  --ie-panel-hover: #252525;
  --ie-accent: #ffb000;
  --ie-accent-hover: #d99000;
  --ie-text: #f5f5f5;
  --ie-muted: #b3b3b3;
  --ie-border: #363636;
  color: var(--ie-text);
}
.tutor-learning-page .tutor-learning-area,
.tutor-learning-page .tutor-learning-area-body,
.tutor-learning-page .tutor-learning-area-content,
.tutor-learning-page .tutor-learning-area-container,
.tutor-learning-page .tutor-lesson-content,
.tutor-learning-page .tutor-tabs-content,
.tutor-learning-page .tutor-tab-panel {
  background-color: #101010;
  color: #f5f5f5;
}
.tutor-learning-page .tutor-learning-header,
.tutor-learning-page .tutor-learning-sidebar,
.tutor-learning-page .tutor-learning-area-footer {
  background-color: #1c1c1c;
  color: #f5f5f5;
  border-color: #363636;
}
.tutor-learning-page .tutor-learning-header-title,
.tutor-learning-page .tutor-learning-nav-header-title,
.tutor-learning-page .tutor-lesson-wrapper {
  color: #f5f5f5;
}
.tutor-learning-page .tutor-learning-progress-text,
.tutor-learning-page .tutor-learning-nav-item .tutor-text-subdued {
  color: #b3b3b3;
}
.tutor-learning-page .tutor-learning-nav-header,
.tutor-learning-page .tutor-learning-nav-item {
  color: #f5f5f5;
  border-color: #363636;
  transition: background-color .18s ease, color .18s ease;
}
.tutor-learning-page .tutor-learning-nav-header:hover,
.tutor-learning-page .tutor-learning-nav-item:hover {
  background-color: #252525;
  color: #ffb000;
}
.tutor-learning-page .tutor-learning-nav-item.active,
.tutor-learning-page .tutor-learning-nav-topic.active > .tutor-learning-nav-header {
  background-color: rgba(255,176,0,.12);
  color: #ffb000;
}
.tutor-learning-page .tutor-learning-nav-item.active {
  box-shadow: inset 3px 0 0 #ffb000;
}
.tutor-learning-page .tutor-learning-nav-header-progress,
.tutor-learning-page .tutor-learning-progress {
  accent-color: #ffb000;
}
.tutor-learning-page .tutor-lesson-video-wrapper {
  background-color: #080808;
  border-color: #363636;
}
/* Cloudflare Stream wrapper has inline 16:9 rules: intentionally leave untouched. */
.tutor-learning-page .tutor-lesson-wrapper a:not(.tutor-btn) {
  color: #ffb000;
}
.tutor-learning-page .tutor-mark-as-complete-button {
  background-color: #ffb000;
  border: 1px solid #ffb000;
  color: #101010;
  border-radius: 10px;
  font-weight: 700;
}
.tutor-learning-page .tutor-mark-as-complete-button:hover:not(:disabled) {
  background-color: #d99000;
  border-color: #d99000;
  color: #101010;
}
.tutor-learning-page .tutor-learning-area-footer .tutor-btn-ghost,
.tutor-learning-page .tutor-learning-header .tutor-btn-ghost {
  color: #f5f5f5;
  border-radius: 10px;
}
.tutor-learning-page .tutor-learning-area-footer .tutor-btn-ghost:hover,
.tutor-learning-page .tutor-learning-header .tutor-btn-ghost:hover {
  color: #ffb000;
  background-color: rgba(255,176,0,.10);
}
.tutor-learning-page a:focus-visible,
.tutor-learning-page button:focus-visible,
.tutor-learning-page [role="button"]:focus-visible {
  outline: 2px solid #ffb000;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .tutor-learning-page .tutor-learning-nav-header,
  .tutor-learning-page .tutor-learning-nav-item { transition: none; }
}

/* ==========================================
   1911 Project — Lesson video layout fix
   ========================================== */

/* Allow the lesson content to size naturally */
.tutor-learning-area-content .tutor-learning-area-container {
    min-height: 0;
}

/* Keep the lesson content at the top */
.tutor-learning-area-content .tutor-lesson-content {
    height: auto;
    min-height: 0;
}

/* Prevent the video section from stretching */
.tutor-learning-area-content .tutor-lesson-video-wrapper {
    height: auto;
    min-height: 0;
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
}


/* Let the lesson description follow the video */
.tutor-learning-area-content .tutor-tabs-content {
    height: auto;
    min-height: 0;
}

/* ==========================================
   1911 Project — Cloudflare Stream Player
   ========================================== */

/* Tutor LMS video container */
.tutor-learning-area-content .tutor-video-player .tutor-ratio {
    position: relative;
    width: 100%;
    height: auto !important;
    padding-bottom: 0 !important;
    aspect-ratio: auto !important;
}

/* Cloudflare Stream wrapper */
.tutor-learning-area-content .cf-stream-wrapper {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    overflow: hidden;
    background: #000;
}

/* Video iframe */
.tutor-learning-area-content .cf-stream-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Prevent unnecessary vertical stretching */
.tutor-learning-area-content .tutor-lesson-video-wrapper {
    height: auto;
    min-height: 0;
    flex: 0 0 auto;
}

/* Keep lesson content naturally sized */
.tutor-learning-area-content .tutor-lesson-content-tab,
.tutor-learning-area-content .tutor-tabs-content {
    height: auto;
    min-height: 0;
}