/**
 * VW LearnDash Dark Mode Patch  v2
 * Overrides LD30 theme light-mode defaults to match the Venture Warrior dark theme.
 *
 * NOTE: LearnDash outputs an inline <style> block that uses `!important` on
 *       background-color & color for .ld-expand-button, .ld-button, etc., with
 *       the theme accent colour (#bb141b).  We must *not* fight those rules for
 *       colour; instead we only supplement where LD leaves gaps (backgrounds,
 *       borders, text on non-button elements).
 *
 * Surface tokens:
 *   --vw-ld-surface-1  #1a1a1a   card / component bg
 *   --vw-ld-surface-2  #222      expanded / nested bg
 *   --vw-ld-surface-3  #2a2a2a   hover / header bg
 *   --vw-ld-border     #333      subtle border
 *   --vw-ld-border-2   #444      stronger border
 *   --vw-ld-text       #e5e5e5   primary text
 *   --vw-ld-text-muted #999      secondary / label text
 *   --vw-ld-accent     brand red (from Blocksy palette)
 */

/* ========================================================================
   0. Custom Properties
   ======================================================================== */
.learndash-wrapper,
.learndash-wrapper--modern {
    --vw-ld-surface-1: #1a1a1a;
    --vw-ld-surface-2: #222;
    --vw-ld-surface-3: #2a2a2a;
    --vw-ld-border: #333;
    --vw-ld-border-2: #444;
    --vw-ld-text: #e5e5e5;
    --vw-ld-text-muted: #999;
    --vw-ld-accent: var(--theme-palette-color-1, #bb141b);
}

/* ========================================================================
   1. Course Content – Item List (Lesson / Topic / Quiz rows)
   ======================================================================== */

.learndash-wrapper .ld-item-list .ld-item-list-item {
    background: var(--vw-ld-surface-1) !important;
    border-color: var(--vw-ld-border) !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item:hover {
    border-color: var(--vw-ld-border-2) !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-next {
    border-color: var(--vw-ld-accent) !important;
}

/* Item titles */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover {
    color: #fff !important;
}

/* Component badges ("2 Topics | 1 Quiz"), separator */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-components {
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-sep {
    color: var(--vw-ld-border-2) !important;
}

/* Expanded area (toggled-open lesson) */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded {
    background: var(--vw-ld-surface-2) !important;
}

/* The small white rotated-square "arrow" above expanded area */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded::before {
    background: var(--vw-ld-surface-2) !important;
}

/* Progress inside expanded area */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress {
    background: var(--vw-ld-surface-3) !important;
}

/* Item details area (right side) */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details {
    color: var(--vw-ld-text-muted) !important;
}

/* "You don't currently have access" text */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-incomplete {
    color: var(--vw-ld-text-muted) !important;
}

/* ========================================================================
   2. Section Headings ("Course Content", "Lessons")
   ======================================================================== */

.learndash-wrapper .ld-section-heading {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-section-heading h2,
.learndash-wrapper .ld-section-heading h3,
.learndash-wrapper .ld-section-heading h4 {
    color: #fff !important;
}

/* ========================================================================
   3. Expand / Collapse Buttons
   -----------------------------------------------------------------------
   LD's inline CSS already handles:
     .ld-expand-button:not([disabled])   → bg: #bb141b, color: #fff
     .ld-expand-button.ld-button-alternate:not([disabled]) .ld-icon → bg: #bb141b, color: #fff
     .ld-expand-button.ld-button-alternate → color: #bb141b (text label)
   We only need to make sure the *alternate* text is readable on dark bg.
   ======================================================================== */

/* Alternate expand button: the text part (label like "Expand") */
.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-text {
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   4. Progress Bar
   ======================================================================== */

.learndash-wrapper .ld-progress {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label {
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
    color: var(--vw-ld-accent) !important;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats {
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-progress .ld-progress-bar {
    background-color: var(--vw-ld-border) !important;
}

.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
    background: var(--vw-ld-accent) !important;
}

/* Section-heading progress bar (inside Course Content header) */
.learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-progress .ld-progress-bar {
    background-color: var(--vw-ld-border) !important;
}

/* ========================================================================
   5. Status Icons
   ======================================================================== */

.learndash-wrapper .ld-status-icon.ld-status-complete {
    background: var(--vw-ld-accent) !important;
    color: #fff !important;
}

.learndash-wrapper .ld-status-icon.ld-status-incomplete {
    border-color: var(--vw-ld-border-2) !important;
    background: transparent !important;
}

.learndash-wrapper .ld-status-icon.ld-status-in-progress {
    border-color: var(--vw-ld-border-2) !important;
    border-left-color: var(--vw-ld-accent) !important;
    border-top-color: var(--vw-ld-accent) !important;
}

.learndash-wrapper .ld-item-icon.ld-quiz-incomplete {
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-item-icon.ld-quiz-complete {
    color: var(--vw-ld-accent) !important;
}

/* ========================================================================
   6. Table List (nested topics inside expanded lesson)
   ======================================================================== */

.learndash-wrapper .ld-table-list {
    border-color: var(--vw-ld-border) !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-header {
    background: var(--vw-ld-surface-3) !important;
    color: #fff !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item {
    border-bottom-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item a {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item a:hover {
    color: #fff !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item:hover {
    background: var(--vw-ld-surface-3) !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-footer {
    background: var(--vw-ld-surface-2) !important;
    border-top-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-item-expanded {
    background: var(--vw-ld-surface-2) !important;
}

/* ========================================================================
   7. Breadcrumbs Bar (top of lesson / topic pages)
   ======================================================================== */

.learndash-wrapper .ld-breadcrumbs {
    background: var(--vw-ld-surface-1) !important;
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-breadcrumbs a {
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-breadcrumbs a:hover {
    color: #fff !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments {
    color: var(--vw-ld-text-muted) !important;
}

/* Status badge inside breadcrumbs ("IN PROGRESS", "COMPLETE") */
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress,
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-complete {
    background: var(--vw-ld-accent) !important;
    color: #fff !important;
}

/* ========================================================================
   8. Lesson / Topic Status Bar (progress area below breadcrumbs)
   ======================================================================== */

.learndash-wrapper .ld-lesson-status,
.learndash-wrapper .ld-topic-status {
    background: var(--vw-ld-surface-1) !important;
}

.learndash-wrapper .ld-lesson-status .ld-progress,
.learndash-wrapper .ld-topic-status .ld-progress {
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   9. Course Status Bar (Not-Enrolled / Enrolled info bar)
   ======================================================================== */

.learndash-wrapper .ld-course-status {
    background: var(--vw-ld-surface-1) !important;
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
    background: var(--vw-ld-surface-1) !important;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled > * {
    border-right-color: var(--vw-ld-border) !important;
}

.learndash-wrapper .ld-course-status .ld-course-status-label {
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-course-status .ld-course-status-price {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-course-status .ld-course-status-action {
    color: var(--vw-ld-text) !important;
}

/* LD status badges (waiting, progress, etc.) */
.learndash-wrapper .ld-status.ld-status-waiting {
    background: var(--vw-ld-accent) !important;
    color: #fff !important;
}

/* ========================================================================
   10. Content Area (lesson/topic post content)
   ======================================================================== */

.learndash-wrapper .ld-page-content,
.learndash-wrapper .ld-tab-content {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-page-content h1,
.learndash-wrapper .ld-page-content h2,
.learndash-wrapper .ld-page-content h3,
.learndash-wrapper .ld-page-content h4,
.learndash-wrapper .ld-tab-content h1,
.learndash-wrapper .ld-tab-content h2,
.learndash-wrapper .ld-tab-content h3,
.learndash-wrapper .ld-tab-content h4 {
    color: #fff !important;
}

.learndash-wrapper .ld-page-content a,
.learndash-wrapper .ld-tab-content a {
    color: var(--vw-ld-accent) !important;
}

.learndash-wrapper .ld-page-content a:hover,
.learndash-wrapper .ld-tab-content a:hover {
    opacity: 0.8;
}

/* ========================================================================
   11. Content Navigation (Previous / Next / Mark Complete)
   ======================================================================== */

.learndash-wrapper .ld-content-actions a {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-content-actions a:hover {
    color: #fff !important;
}

.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper input[type="submit"].learndash_mark_complete_button {
    background: var(--vw-ld-accent) !important;
    color: #fff !important;
    border: none !important;
}

/* ========================================================================
   12. Quiz Display
   ======================================================================== */

.learndash-wrapper .wpProQuiz_content {
    background: var(--vw-ld-surface-1) !important;
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .wpProQuiz_question .wpProQuiz_question_text {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .wpProQuiz_questionList {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .wpProQuiz_questionListItem {
    background: var(--vw-ld-surface-2) !important;
    border-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .wpProQuiz_questionListItem:hover {
    background: var(--vw-ld-surface-3) !important;
}

.learndash-wrapper .wpProQuiz_questionListItem label {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .wpProQuiz_text {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .wpProQuiz_header {
    color: #fff !important;
}

.learndash-wrapper .wpProQuiz_response {
    border-color: var(--vw-ld-border) !important;
}

.learndash-wrapper .wpProQuiz_response .wpProQuiz_correct {
    background: rgba(62, 171, 106, 0.15) !important;
    color: #6adf97 !important;
}

.learndash-wrapper .wpProQuiz_response .wpProQuiz_incorrect {
    background: rgba(219, 0, 0, 0.15) !important;
    color: #ff6b6b !important;
}

.learndash-wrapper .wpProQuiz_results {
    background: var(--vw-ld-surface-2) !important;
    color: var(--vw-ld-text) !important;
    border-color: var(--vw-ld-border) !important;
}

.learndash-wrapper .wpProQuiz_reviewQuestion {
    background: var(--vw-ld-surface-3) !important;
    border-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .wpProQuiz_toplistTable {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .wpProQuiz_toplistTable th {
    background: var(--vw-ld-surface-3) !important;
    color: #fff !important;
}

.learndash-wrapper .wpProQuiz_toplistTable td {
    border-color: var(--vw-ld-border) !important;
}

.learndash-wrapper .wpProQuiz_addToplist {
    background: var(--vw-ld-surface-2) !important;
    border-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

/* Quiz timer bar */
.learndash-wrapper .wpProQuiz_time_limit .wpProQuiz_progress {
    background: var(--vw-ld-border) !important;
}

.learndash-wrapper .wpProQuiz_time_limit .wpProQuiz_progress .wpProQuiz_progress_bar {
    background: var(--vw-ld-accent) !important;
}

/* Quiz radio/checkbox */
.learndash-wrapper .wpProQuiz_questionListItem input[type="radio"] + label::before,
.learndash-wrapper .wpProQuiz_questionListItem input[type="checkbox"] + label::before {
    border-color: var(--vw-ld-border-2) !important;
    background: var(--vw-ld-surface-1) !important;
}

/* ========================================================================
   13. Alerts / Notices
   ======================================================================== */

.learndash-wrapper .ld-alert {
    background: var(--vw-ld-surface-2) !important;
    border-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-alert .ld-alert-icon {
    color: var(--vw-ld-accent) !important;
}

.learndash-wrapper .ld-alert-warning {
    border-color: #ffd200 !important;
}

.learndash-wrapper .ld-alert-success {
    border-color: #3eab6a !important;
}

.learndash-wrapper .ld-alert-danger {
    border-color: var(--vw-ld-accent) !important;
}

/* ========================================================================
   14. Tabs
   ======================================================================== */

.learndash-wrapper .ld-tabs .ld-tabs-navigation {
    border-bottom-color: var(--vw-ld-border) !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
    color: #fff !important;
    border-bottom-color: var(--vw-ld-accent) !important;
}

.learndash-wrapper .ld-tabs .ld-tab-content {
    background: transparent !important;
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   15. Sidebar / Course Info Widget
   ======================================================================== */

.learndash-wrapper .ld-sidebar-content {
    background: var(--vw-ld-surface-1) !important;
    border-color: var(--vw-ld-border) !important;
}

/* ========================================================================
   16. Login / Enroll CTA
   ======================================================================== */

.learndash-wrapper .ld-login-modal,
.learndash-wrapper .ld-modal {
    background: var(--vw-ld-surface-1) !important;
    border-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-login-modal input[type="text"],
.learndash-wrapper .ld-login-modal input[type="password"],
.learndash-wrapper .ld-login-modal input[type="email"] {
    background: var(--vw-ld-surface-2) !important;
    border-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   17. Generic Wrapper Text
   ======================================================================== */

body .learndash-wrapper {
    color: var(--vw-ld-text);
}

/* ========================================================================
   18. Tooltips
   ======================================================================== */

.learndash-wrapper .ld-tooltip .ld-tooltip__text,
.learndash-wrapper .ld-tooltip [role="tooltip"] {
    background: var(--vw-ld-surface-3) !important;
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   19. Input Fields (essay, fill-blank, etc.)
   ======================================================================== */

.learndash-wrapper input[type="text"],
.learndash-wrapper input[type="email"],
.learndash-wrapper input[type="number"],
.learndash-wrapper textarea,
.learndash-wrapper select {
    background: var(--vw-ld-surface-2) !important;
    border-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper input[type="text"]:focus,
.learndash-wrapper textarea:focus {
    border-color: var(--vw-ld-accent) !important;
}

/* ========================================================================
   20. Assignment Upload
   ======================================================================== */

.learndash-wrapper .ld-file-upload {
    background: var(--vw-ld-surface-2) !important;
    border-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   21. Profile Page
   ======================================================================== */

.learndash-wrapper .ld-profile-summary {
    background: transparent !important;
    border: 0 !important;
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-avatar {
    border-color: var(--vw-ld-border-2) !important;
}

.learndash-wrapper .ld-profile-summary .ld-profile-card a.ld-profile-edit-link {
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-profile-summary .ld-profile-card a.ld-profile-edit-link:hover {
    color: var(--vw-ld-text) !important;
}

.learndash-wrapper .ld-profile-summary .ld-profile-heading,
.learndash-wrapper .ld-profile-summary .ld-profile-stat strong {
    color: #fff !important;
}

.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat {
    border-right-color: var(--vw-ld-border) !important;
}

.learndash-wrapper .ld-profile-summary .ld-profile-stat span {
    color: var(--vw-ld-text-muted) !important;
}

/* -- Profile Course List -- */

/* Search icon in profile */
.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon {
    color: var(--vw-ld-text-muted) !important;
}
.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon:hover,
.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon.ld-expanded {
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   22. Certificate Link
   ======================================================================== */

.learndash-wrapper .ld-certificate-link a {
    background: var(--vw-ld-accent) !important;
    color: #fff !important;
}

/* ========================================================================
   23. Course Grid (LD Course Grid add-on)
   ======================================================================== */

.learndash-course-grid .course-grid-item .post-title,
.learndash-course-grid .course-grid-item .entry-title {
    color: #fff !important;
}

.learndash-course-grid .course-grid-item .post-description,
.learndash-course-grid .course-grid-item .entry-content {
    color: var(--vw-ld-text) !important;
}

.learndash-course-grid .course-grid-item {
    background: var(--vw-ld-surface-1) !important;
    border-color: var(--vw-ld-border) !important;
}

/* ========================================================================
   24. Quiz Actions / Continue Link
   ======================================================================== */

.learndash-wrapper .ld-quiz-actions {
    border-top-color: var(--vw-ld-border) !important;
}

/* ========================================================================
   25. Loading Spinner
   ======================================================================== */

.learndash-wrapper .ld-loading::before {
    border-left-color: var(--vw-ld-accent) !important;
    border-top-color: var(--vw-ld-accent) !important;
}

/* ========================================================================
   26. "No Access" / Prerequisite Messages
   ======================================================================== */

.learndash-wrapper .learndash_navigation_message_not_logged_in,
.learndash-wrapper .learndash_prerequisites_message {
    background: var(--vw-ld-surface-2) !important;
    border-color: var(--vw-ld-border) !important;
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   27. Comments
   ======================================================================== */

.learndash-wrapper .ld-comments-wrapper {
    background: var(--vw-ld-surface-1) !important;
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   28. Item-list content area padding (inside expanded items)
   ======================================================================== */

.learndash-wrapper .ld-item-list .ld-item-list-content {
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   29. Pagination
   ======================================================================== */

.learndash-wrapper .ld-item-list-item-expanded .ld-pagination .ld-pages {
    color: var(--vw-ld-text-muted) !important;
}

.learndash-wrapper .ld-item-list-item-expanded .ld-pagination .ld-pages a {
    color: var(--vw-ld-text) !important;
}

/* ========================================================================
   30. Login Hub Page Button Alignment
   ======================================================================== */

/* Center the LearnDash login CTA on the dedicated login hub page only. */
body.page-id-3566 .learndash-wrapper a.ld-button.ld-login-button {
    display: flex;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    max-width: 420px;
}

body.page-id-3566 .learndash-wrapper a.ld-button.ld-login-button .ld-text {
    text-align: center;
}

/* ========================================================================
   31. Progress Bar Spacing
   ======================================================================== */

/* Add breathing room after top status/progress containers. */
.learndash-wrapper .ld-course-status,
.learndash-wrapper .ld-lesson-status,
.learndash-wrapper .ld-topic-status {
    margin-bottom: 1.25rem !important;
}

/* Course-content header progress + infobar progress spacing. */
.learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-progress,
.learndash-wrapper .ld-course-status .ld-progress {
    margin-bottom: 0.75rem !important;
}