/* ============================================================
   LEARNING PLAYER & CLASS REPLAY PLAYER — Brand Color Overrides
   Berlaku untuk /student/learning/{slug} dan /student/class-replay/{slug}
   ============================================================ */

/* Top header bar */
.wsus__course_video .wsus__course_header {
    background: #1B3A2D !important;
}
.wsus__course_video .wsus__course_header a {
    color: #fff !important;
    text-decoration: none;
}
.wsus__course_video .wsus__course_header a:hover {
    color: #2FBF71 !important;
}
.wsus__course_video .wsus__course_header p {
    color: rgba(255,255,255,0.85) !important;
}
.wsus__course_video .wsus__course_header_btn i {
    color: #fff !important;
}

/* Sidebar heading */
.wsus__course_sidebar .video_heading {
    color: #1B3A2D !important;
    border-bottom: 2px solid #E8F5EE !important;
}

/* Accordion in sidebar — active chapter */
.wsus__course_sidebar .accordion-button:not(.collapsed) {
    background: #E8F5EE !important;
    color: #1B3A2D !important;
    box-shadow: inset 0 -1px 0 #B8DFC9 !important;
}

/* Currently active lesson highlight */
.wsus__course_video .form-check.item-active .form-check-label,
.wsus__course_video .form-check.item-active {
    background: #E8F5EE !important;
    color: #1B3A2D !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}
.wsus__course_video .form-check.item-active .form-check-input:checked {
    background-color: #1B7A47 !important;
    border-color: #1B7A47 !important;
}
.wsus__course_video .form-check-input:checked {
    background-color: #1B7A47 !important;
    border-color: #1B7A47 !important;
}

/* Tab pills (Overview, Reviews, Q&A, Announcements) */
.video_tabs_area .nav-pills .nav-link.active,
.video_tabs_area .nav-pills .show > .nav-link {
    background: #1B3A2D !important;
    color: #fff !important;
}
.video_tabs_area .nav-pills .nav-link:not(.active):hover {
    color: #1B3A2D !important;
    background: #E8F5EE !important;
}
.video_tabs_area .nav-pills .nav-link {
    color: #374151 !important;
}

/* Progress bar — override Bootstrap blue */
.wsus__course_video .progress-bar,
.dashboard__content-wrap .progress-bar {
    background-color: #2FBF71 !important;
}

/* "Mulai Belajar" & "Certificate" buttons — basic-button class */
.basic-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 7px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background 0.2s, border-color 0.2s !important;
}
.basic-button:hover {
    background: #1B7A47 !important;
    border-color: #1B7A47 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Submit button in player review forms */
.video_tabs_area .btn.arrow-btn,
.video_tabs_area .btn.btn-primary {
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
    color: #fff !important;
}
.video_tabs_area .btn.arrow-btn:hover,
.video_tabs_area .btn.btn-primary:hover {
    background: #1B7A47 !important;
    border-color: #1B7A47 !important;
}

/* ============================================================
   STUDENT DASHBOARD — Card List (Learning Series, Class Replay, Bootcamp)
   Override warna teks agar konsisten dengan brand hijau skillforcuan
   ============================================================ */

/* Judul card */
.dashboard_courses .courses__item-two h5.title,
.dashboard_courses .courses__item-two h5.title a {
    color: #1B3A2D !important;
    font-weight: 700 !important;
}
.dashboard_courses .courses__item-two h5.title a:hover {
    color: #1B7A47 !important;
    text-decoration: none !important;
}

/* Author / instruktur */
.dashboard_courses .author-two span,
.dashboard_courses .author-two a {
    color: #374151 !important;
    font-size: 13px !important;
}
.dashboard_courses .author-two i {
    color: #1B7A47 !important;
}

/* Rating / tanggal */
.dashboard_courses .avg-rating {
    color: #374151 !important;
    font-size: 13px !important;
}
.dashboard_courses .avg-rating i.fa-star { color: #F5A623 !important; }
.dashboard_courses .avg-rating i.fa-calendar { color: #1B7A47 !important; }

/* Progress bar label "SELESAI" */
.dashboard_courses .progress-item h6.title {
    color: #374151 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}
.dashboard_courses .progress-item h6.title span {
    color: #1B3A2D !important;
    font-weight: 700 !important;
}

/* Progress bar track & fill */
.dashboard_courses .progress {
    background: #E8F5EE !important;
    border-radius: 100px !important;
    height: 6px !important;
}
.dashboard_courses .progress-bar {
    background: #2FBF71 !important;
    border-radius: 100px !important;
}

/* Bottom row icons dan teks */
.dashboard_courses .courses__item-bottom-two ul.list-wrap li {
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
.dashboard_courses .courses__item-bottom-two ul.list-wrap li i {
    color: #1B7A47 !important;
    margin-right: 4px !important;
}

/* Card border */
.dashboard_courses .courses__item-two {
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
    transition: box-shadow 0.2s !important;
}
.dashboard_courses .courses__item-two:hover {
    box-shadow: 0 4px 20px rgba(27,122,71,0.1) !important;
}

/* Empty state teks */
.dashboard__content-wrap h6.text-center {
    color: #6B7280 !important;
    font-size: 14px !important;
}