/*
 * CC Guardian University — Sensei Learning Mode Override
 * Repaints Sensei's Default learning mode template in the GU dark theme.
 * Targets .sensei-course-theme body class applied by Sensei when learning mode is active.
 */

/* =========================================================
   CSS VARIABLE OVERRIDES
   Sensei uses --primary-color for accent elements.
   We override it with our navy, plus set background/text.
   ========================================================= */

.sensei-course-theme {
    --primary-color:            #22476f;
    --primary-color-rgb:        34, 71, 111;
    --wp--preset--color--primary: #22476f;
    background-color:           #111110 !important;
    color:                      #f0ede4 !important;
}

/* =========================================================
   PAGE / BODY
   ========================================================= */

body.sensei-course-theme {
    background: #111110 !important;
    color: #f0ede4 !important;
}

/* =========================================================
   TOP HEADER BAR
   ========================================================= */

.sensei-course-theme .sensei-course-theme__header,
.sensei-course-theme .wp-block-sensei-lms-ui > .wp-block-group:first-child,
.sensei-course-theme header,
.sensei-course-theme .sensei-course-theme__header-row {
    background: #0c0c0b !important;
    border-bottom: 0.5px solid #2a2926 !important;
    color: #f0ede4 !important;
}

/* Course title in header */
.sensei-course-theme .wp-block-sensei-lms-course-title,
.sensei-course-theme .sensei-course-theme__course-title {
    color: #f0ede4 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Progress counter (e.g. "8 of 30 lessons complete") */
.sensei-course-theme .wp-block-sensei-lms-course-theme-course-progress-counter,
.sensei-course-theme .sensei-course-theme__progress-counter {
    color: #aaa !important;
    font-size: 11px !important;
}

/* Exit Course link */
.sensei-course-theme .wp-block-sensei-lms-exit-course a,
.sensei-course-theme .sensei-course-theme__exit-course a,
.sensei-course-theme [class*="exit-course"] a {
    color: #2d5a8a !important;
    font-size: 11px !important;
    text-decoration: none !important;
    transition: color 0.15s !important;
}

.sensei-course-theme .wp-block-sensei-lms-exit-course a:hover,
.sensei-course-theme [class*="exit-course"] a:hover {
    color: #f0ede4 !important;
}

/* =========================================================
   PROGRESS BAR
   ========================================================= */

.sensei-course-theme .wp-block-sensei-lms-course-theme-course-progress-bar,
.sensei-course-theme .sensei-course-theme__progress-bar,
.sensei-course-theme .sensei-course-theme__progress-bar-wrapper {
    background: #2a2926 !important;
    height: 3px !important;
}

.sensei-course-theme .wp-block-sensei-lms-course-theme-course-progress-bar .components-progress-bar,
.sensei-course-theme .sensei-course-theme__progress-bar .sensei-course-theme__progress-bar-fill,
.sensei-course-theme [class*="progress-bar"] [class*="fill"],
.sensei-course-theme [class*="progress-bar"] [class*="value"],
.sensei-course-theme .wp-block-sensei-lms-course-theme-course-progress-bar > div {
    background: #22476f !important;
}

/* =========================================================
   SIDEBAR / COURSE NAVIGATION
   ========================================================= */

.sensei-course-theme .wp-block-sensei-lms-course-navigation,
.sensei-course-theme .sensei-course-theme__sidebar,
.sensei-course-theme aside {
    background: #181816 !important;
    border-right: 0.5px solid #2a2926 !important;
    color: #f0ede4 !important;
}

/* Module headers */
.sensei-course-theme .wp-block-sensei-lms-course-theme-lesson-module,
.sensei-course-theme .sensei-course-theme__module,
.sensei-course-theme [class*="module-title"],
.sensei-course-theme .sensei-course-navigation__module-name {
    color: #f0ede4 !important;
    font-weight: 500 !important;
    border-bottom: 0.5px solid #2a2926 !important;
}

/* Module lesson count */
.sensei-course-theme .sensei-course-navigation__module-lesson-count,
.sensei-course-theme [class*="lesson-count"] {
    color: #666 !important;
    font-size: 11px !important;
}

/* Lesson list items */
.sensei-course-theme .sensei-course-navigation__lesson,
.sensei-course-theme .sensei-course-navigation__lessons li,
.sensei-course-theme [class*="course-navigation"] li,
.sensei-course-theme [class*="course-navigation"] a {
    color: #aaa !important;
    border-bottom: 0.5px solid #2a2926 !important;
}

.sensei-course-theme .sensei-course-navigation__lesson a:hover,
.sensei-course-theme [class*="course-navigation"] a:hover {
    color: #f0ede4 !important;
    background: #1e1d1b !important;
}

/* Current/active lesson */
.sensei-course-theme .sensei-course-navigation__lesson--current a,
.sensei-course-theme [class*="current"] a,
.sensei-course-theme [class*="active-lesson"] a {
    color: #f0ede4 !important;
    font-weight: 500 !important;
}

/* Completed lesson checkmark */
.sensei-course-theme .sensei-course-navigation__lesson--completed .sensei-course-navigation__lesson-icon,
.sensei-course-theme [class*="completed"] [class*="icon"],
.sensei-course-theme svg[class*="complete"] {
    color: #22476f !important;
    fill: #22476f !important;
}

/* Locked lesson */
.sensei-course-theme .sensei-course-navigation__lesson--locked a,
.sensei-course-theme [class*="locked"] a {
    color: #555 !important;
    cursor: default !important;
}

/* Quiz label in sidebar */
.sensei-course-theme .sensei-course-navigation__quiz-label,
.sensei-course-theme [class*="quiz-label"] {
    color: #666 !important;
    font-size: 10px !important;
}

/* =========================================================
   MAIN CONTENT AREA
   ========================================================= */

.sensei-course-theme .sensei-course-theme__lesson,
.sensei-course-theme main,
.sensei-course-theme .wp-block-post-content,
.sensei-course-theme .sensei-course-theme__content {
    background: #111110 !important;
    color: #f0ede4 !important;
}

/* Lesson breadcrumb (e.g. "| Shooting Fundamentals") */
.sensei-course-theme .wp-block-post-title ~ *:first-child,
.sensei-course-theme [class*="lesson-module-breadcrumb"],
.sensei-course-theme [class*="breadcrumb"] {
    color: #2d5a8a !important;
    border-left-color: #22476f !important;
}

/* Lesson title */
.sensei-course-theme .wp-block-post-title,
.sensei-course-theme h1,
.sensei-course-theme h2,
.sensei-course-theme h3 {
    color: #f0ede4 !important;
}

/* Body text */
.sensei-course-theme p,
.sensei-course-theme li,
.sensei-course-theme .entry-content {
    color: #aaa !important;
}

/* =========================================================
   QUIZ COMPLETED / STATUS BANNERS
   ========================================================= */

.sensei-course-theme .sensei-course-theme__quiz-grade,
.sensei-course-theme [class*="quiz-grade"],
.sensei-course-theme [class*="quiz-completed"] {
    background: #1e1d1b !important;
    border: 0.5px solid #2a2926 !important;
    border-radius: 6px !important;
    color: #aaa !important;
}

/* Grade percentage */
.sensei-course-theme [class*="quiz-grade"] strong,
.sensei-course-theme [class*="quiz-grade"] b {
    color: #f0ede4 !important;
}

/* View quiz link */
.sensei-course-theme [class*="view-quiz"],
.sensei-course-theme [class*="quiz-link"] {
    color: #2d5a8a !important;
}

/* =========================================================
   PREREQUISITE / LOCKED LESSON NOTICE
   ========================================================= */

.sensei-course-theme .sensei-course-theme__lesson-prerequisite,
.sensei-course-theme [class*="prerequisite"],
.sensei-course-theme [class*="no-access"] {
    background: #1e1d1b !important;
    border: 0.5px solid #2a2926 !important;
    color: #aaa !important;
    border-radius: 6px !important;
    padding: 16px !important;
}

.sensei-course-theme [class*="prerequisite"] a,
.sensei-course-theme [class*="no-access"] a {
    color: #2d5a8a !important;
}

/* =========================================================
   LESSON ACTIONS (Complete Lesson / Next Lesson / Take Quiz)
   ========================================================= */

.sensei-course-theme .wp-block-sensei-lms-course-theme-lesson-actions,
.sensei-course-theme .sensei-course-theme__lesson-actions,
.sensei-course-theme [class*="lesson-actions"] {
    background: #111110 !important;
    border-top: 0.5px solid #2a2926 !important;
    padding: 16px 24px !important;
}

/* Complete Lesson button */
.sensei-course-theme .sensei-course-theme__lesson-actions .wp-block-button__link,
.sensei-course-theme [class*="complete-lesson"] .wp-block-button__link,
.sensei-course-theme [class*="complete-lesson-button"],
.sensei-course-theme [class*="lesson-actions"] .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    background: #22476f !important;
    color: #fff !important;
    border-color: #22476f !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    transition: background 0.15s !important;
}

.sensei-course-theme [class*="complete-lesson"] .wp-block-button__link:hover,
.sensei-course-theme [class*="lesson-actions"] .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    background: #2d5a8a !important;
}

/* Next Lesson button */
.sensei-course-theme [class*="next-lesson"] .wp-block-button__link,
.sensei-course-theme .wp-block-sensei-lms-page-actions .wp-block-button__link {
    background: #22476f !important;
    color: #fff !important;
    border-color: #22476f !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
}

/* Take Quiz button */
.sensei-course-theme [class*="take-quiz"] .wp-block-button__link,
.sensei-course-theme [class*="quiz-action"] .wp-block-button__link {
    background: #a30b22 !important;
    color: #fff !important;
    border-color: #a30b22 !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
}

/* Outline/ghost buttons (e.g. "Completed" state) */
.sensei-course-theme .wp-block-button.is-style-outline .wp-block-button__link {
    border-color: #2a2926 !important;
    color: #aaa !important;
    background: transparent !important;
}

/* =========================================================
   QUIZ FORM
   ========================================================= */

.sensei-course-theme .sensei-quiz,
.sensei-course-theme .sensei-quiz-question,
.sensei-course-theme [class*="quiz-question"] {
    background: #1e1d1b !important;
    border: 0.5px solid #2a2926 !important;
    border-radius: 6px !important;
    color: #f0ede4 !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
}

.sensei-course-theme .sensei-quiz-question__title,
.sensei-course-theme [class*="question-title"] {
    color: #f0ede4 !important;
    font-weight: 500 !important;
}

.sensei-course-theme .sensei-quiz input[type="radio"],
.sensei-course-theme .sensei-quiz input[type="checkbox"] {
    accent-color: #22476f !important;
}

.sensei-course-theme .sensei-quiz label {
    color: #aaa !important;
}

/* Submit quiz button */
.sensei-course-theme .sensei-quiz__submit,
.sensei-course-theme [class*="quiz-submit"],
.sensei-course-theme input[type="submit"] {
    background: #a30b22 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

/* =========================================================
   SIDEBAR TOGGLE (mobile)
   ========================================================= */

.sensei-course-theme .wp-block-sensei-lms-sidebar-toggle-button button,
.sensei-course-theme [class*="sidebar-toggle"] button {
    background: #1e1d1b !important;
    border: 0.5px solid #2a2926 !important;
    color: #aaa !important;
    border-radius: 4px !important;
}

/* =========================================================
   SCROLLBAR
   ========================================================= */

.sensei-course-theme ::-webkit-scrollbar {
    width: 4px;
}

.sensei-course-theme ::-webkit-scrollbar-track {
    background: #111110;
}

.sensei-course-theme ::-webkit-scrollbar-thumb {
    background: #2a2926;
    border-radius: 2px;
}

/* =========================================================
   LINKS
   ========================================================= */

.sensei-course-theme a {
    color: #2d5a8a !important;
}

.sensei-course-theme a:hover {
    color: #f0ede4 !important;
}

/* =========================================================
   MOBILE — LEARNING MODE
   ========================================================= */

@media ( max-width: 768px ) {

    /* Full width content area */
    .sensei-course-theme .wp-block-sensei-lms-course-theme__main {
        padding: 16px !important;
    }

    /* Lesson title */
    .sensei-course-theme h1,
    .sensei-course-theme .lesson-title {
        font-size: 20px !important;
        line-height: 1.3 !important;
        margin-bottom: 12px !important;
    }

    /* Video/media — full width */
    .sensei-course-theme .wp-block-sensei-lms-course-theme__main video,
    .sensei-course-theme .wp-block-sensei-lms-course-theme__main iframe,
    .sensei-course-theme .wp-block-sensei-lms-course-theme__main .aiovg-player-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Take Quiz button — full width on mobile */
    .sensei-course-theme .sensei-quiz-action,
    .sensei-course-theme .wp-block-sensei-lms-quiz-back,
    .sensei-course-theme .sensei-course-theme__complete-lesson button,
    .sensei-course-theme button[class*="complete"] {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    /* Course navigation sidebar — full width overlay when open */
    .sensei-course-theme .wp-block-sensei-lms-course-theme__sidebar {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Top bar — reduce padding */
    .sensei-course-theme .wp-block-sensei-lms-course-theme__header,
    .sensei-course-theme [class*="course-theme__header"] {
        padding: 8px 12px !important;
    }

    /* Sidebar toggle button — ensure not covered by admin bar */
    .sensei-course-theme .wp-block-sensei-lms-sidebar-toggle-button,
    .sensei-course-theme [class*="sidebar-toggle"] {
        top: 12px !important;
        right: 12px !important;
        z-index: 100 !important;
    }

    /* Quiz options — full width */
    .sensei-course-theme .sensei-quiz-question-option {
        width: 100% !important;
    }

    /* Action bar at bottom */
    .sensei-course-theme .sensei-course-theme__lesson-actions {
        flex-direction: column !important;
        gap: 8px !important;
        padding: 12px 16px !important;
    }

    .sensei-course-theme .sensei-course-theme__lesson-actions a,
    .sensei-course-theme .sensei-course-theme__lesson-actions button {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media ( max-width: 480px ) {
    .sensei-course-theme .wp-block-sensei-lms-course-theme__main {
        padding: 12px !important;
    }

    .sensei-course-theme h1,
    .sensei-course-theme .lesson-title {
        font-size: 18px !important;
    }
}