/**
 * Tutor LMS Theme Overrides
 * DebugOff Cybersec Theme - Dark cyberpunk styling for Tutor LMS
 * 
 * This file properly overrides Tutor LMS default styles using the theme's
 * CSS custom properties defined in main.css
 * 
 * @package DebugOffTheme
 * @subpackage TutorLMS
 */

/* ========================================
   General Container & Layout
   ======================================== */
.tutor-wrap,
.tutor-container {
    color: var(--color-text-primary) !important;
}

.tutor-container {
    max-width: var(--max-width) !important;
    margin: 0 auto !important;
    padding: 0 var(--spacing-md) !important;
    width: 100% !important;
}

/* ========================================
   Typography
   ======================================== */
.tutor-wrap h1,
.tutor-wrap h2,
.tutor-wrap h3,
.tutor-wrap h4,
.tutor-wrap h5,
.tutor-wrap h6 {
    color: var(--color-text-heading) !important;
    font-family: var(--font-heading) !important;
}

/* Tighter heading/paragraph spacing in course lesson content */
.tutor-lesson-wrapper h1,
.tutor-lesson-wrapper h2,
.tutor-lesson-wrapper h3,
.tutor-lesson-wrapper h4,
.tutor-lesson-wrapper h5,
.tutor-lesson-wrapper h6 {
    margin-top: 1.25rem !important;
    margin-bottom: 0.3rem !important;
}

.tutor-lesson-wrapper h1:first-child,
.tutor-lesson-wrapper h2:first-child,
.tutor-lesson-wrapper h3:first-child,
.tutor-lesson-wrapper h4:first-child,
.tutor-lesson-wrapper h5:first-child,
.tutor-lesson-wrapper h6:first-child {
    margin-top: 0 !important;
}

.tutor-lesson-wrapper p {
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important;
}

.tutor-fs-1,
.tutor-fs-2,
.tutor-fs-3,
.tutor-fs-4,
.tutor-fs-5,
.tutor-fs-6,
.tutor-fs-7 {
    font-family: var(--font-main) !important;
    color: var(--color-text-primary) !important;
}

.tutor-fw-medium,
.tutor-fw-bold {
    font-weight: bold !important;
    color: var(--color-text-heading) !important;
}

/* Color Utility Overrides */
.tutor-color-black {
    color: var(--color-text-heading) !important;
}

.tutor-color-secondary {
    color: rgba(230, 230, 230, 0.78) !important;
}

.tutor-color-muted {
    color: var(--color-text-secondary) !important;
}

.tutor-color-primary-60 {
    color: var(--color-accent-primary) !important;
    opacity: 0.8 !important;
}

/* ========================================
   Course Cards
   ======================================== */
.tutor-course-card {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.tutor-course-card:hover {
    border-color: var(--color-accent-primary) !important;
    box-shadow: 0 0 15px rgba(0, 243, 255, 0.1) !important;
}

.tutor-course-card h3 a {
    color: var(--color-text-heading) !important;
    text-decoration: none !important;
}

.tutor-course-card h3 a:hover {
    color: var(--color-accent-primary) !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.tutor-meta-level,
.tutor-meta-student,
.tutor-course-loop-meta {
    color: var(--color-text-secondary) !important;
}

/* Fix instructor name visibility in course cards */
.tutor-meta.tutor-mt-auto,
.tutor-meta.tutor-mt-auto a,
.tutor-meta.tutor-mt-auto span {
    color: var(--color-text-primary) !important;
}

.tutor-meta.tutor-mt-auto a:hover {
    color: var(--color-accent-primary) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Course details info (single course meta bar) */
.tutor-meta.tutor-course-details-info,
.tutor-meta.tutor-course-details-info > div {
    color: var(--color-text-secondary) !important;
}

.tutor-meta.tutor-course-details-info a {
    color: var(--color-text-primary) !important;
    font-weight: 500 !important;
}

.tutor-meta.tutor-course-details-info a:hover {
    color: var(--color-accent-primary) !important;
}

/* ========================================
   Cards (General)
   ======================================== */
.tutor-card {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 4px !important;
}

.tutor-card-body {
    padding: 20px !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Buttons
   ======================================== */
.tutor-btn,
.tutor-button {
    background-color: var(--color-accent-primary) !important;
    color: var(--color-bg-primary) !important;
    border: none !important;
    font-family: var(--font-code) !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    border-radius: 2px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.tutor-btn:hover,
.tutor-button:hover {
    background-color: var(--color-accent-secondary) !important;
    color: #fff !important;
}

.tutor-btn-outline {
    background: transparent !important;
    border: 1px solid var(--color-accent-primary) !important;
    color: var(--color-accent-primary) !important;
}

.tutor-btn-outline:hover {
    background: var(--color-accent-primary) !important;
    color: var(--color-bg-primary) !important;
}

.tutor-btn-secondary {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
}

.tutor-btn-secondary:hover {
    background-color: var(--color-bg-secondary) !important;
    border-color: var(--color-accent-primary) !important;
    color: var(--color-accent-primary) !important;
}

.tutor-btn-ghost {
    background-color: transparent !important;
    color: var(--color-text-secondary) !important;
}

.tutor-btn-ghost:hover {
    color: var(--color-accent-primary) !important;
    background-color: rgba(0, 243, 255, 0.05) !important;
}

a.tutor-btn.tutor-btn-link,
.tutor-wrap .tutor-btn-link,
.tutor-modal .tutor-btn-link,
.tutor-page-wrap .tutor-btn-link {
    background-color: var(--color-accent-primary) !important;
    color: var(--color-bg-primary) !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    display: inline-block !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    text-align: center !important;
}

a.tutor-btn.tutor-btn-link:hover,
.tutor-wrap .tutor-btn-link:hover,
.tutor-modal .tutor-btn-link:hover,
.tutor-page-wrap .tutor-btn-link:hover {
    background-color: var(--color-accent-secondary) !important;
    color: #fff !important;
    text-decoration: none !important;
}

a.tutor-btn.tutor-btn-link::after,
.tutor-wrap .tutor-btn-link::after,
.tutor-modal .tutor-btn-link::after,
.tutor-page-wrap .tutor-btn-link::after {
    display: none !important;
}

.tutor-iconic-btn {
    color: var(--color-text-secondary) !important;
}

.tutor-iconic-btn:hover {
    color: var(--color-accent-primary) !important;
    background-color: rgba(0, 243, 255, 0.1) !important;
}

/* ========================================
   Form Elements
   ======================================== */
.tutor-form-control,
.tutor-form-select,
.tutor-input-field {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-code) !important;
    padding: 10px !important;
}

.tutor-form-control:focus,
.tutor-form-select:focus,
.tutor-input-field:focus {
    border-color: var(--color-accent-primary) !important;
    outline: none !important;
}

.tutor-form-group label {
    color: var(--color-text-primary) !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.tutor-form-row {
    margin-bottom: 15px !important;
}

/* Checkboxes & Radios */
.tutor-form-check-input {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    position: relative !important;
}

.tutor-form-check-input:checked {
    background-color: var(--color-accent-primary) !important;
    border-color: var(--color-accent-primary) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

/* ========================================
   Navigation (Tabs & Menus)
   ======================================== */
.tutor-nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-bottom: 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 0 8px !important;
    width: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    gap: 16px !important;
}

.tutor-nav-item {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.tutor-nav-link {
    color: var(--color-text-secondary) !important;
    padding: 6px 2px !important;
    display: block !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    font-family: var(--font-heading) !important;
    background: transparent !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
}

.tutor-nav-link:hover,
.tutor-nav-link.is-active {
    color: var(--color-accent-primary) !important;
    border-bottom-color: var(--color-accent-primary) !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Tabs */
.tutor-tab {
    border-bottom: none !important;
}

.tutor-tab-item {
    color: var(--color-text-secondary) !important;
    padding: 10px 20px !important;
    font-family: var(--font-heading) !important;
}

.tutor-tab-item:hover,
.tutor-tab-item.is-active {
    color: var(--color-accent-primary) !important;
    border-bottom: none !important;
    margin-bottom: -1px !important;
}

/* ========================================
   Dashboard
   ======================================== */
.tutor-dashboard-content {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    padding: 20px !important;
}

.tutor-dashboard-menu-item a {
    color: var(--color-text-primary) !important;
    text-decoration: none !important;
}

.tutor-dashboard-menu-item.active a,
.tutor-dashboard-menu-item a:hover {
    color: var(--color-accent-primary) !important;
    background-color: rgba(0, 243, 255, 0.05) !important;
}

.tutor-dashboard-header {
    background-color: var(--color-bg-secondary) !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.tutor-dashboard-header-title {
    color: var(--color-text-heading) !important;
}

.tutor-dashboard-sidebar {
    background-color: var(--color-bg-secondary) !important;
    border-right: 1px solid var(--color-border) !important;
}

.tutor-dashboard-content-title {
    color: var(--color-text-heading) !important;
    border-bottom: 1px solid var(--color-border) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}

/* ========================================
   Pagination
   ======================================== */
.tutor-pagination-wrap .page-numbers {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
    padding: 5px 10px !important;
    margin: 0 2px !important;
    text-decoration: none !important;
}

.tutor-pagination-wrap .page-numbers.current,
.tutor-pagination-wrap .page-numbers:hover {
    background-color: var(--color-accent-primary) !important;
    color: var(--color-bg-primary) !important;
    border-color: var(--color-accent-primary) !important;
}

/* ========================================
   Ratings
   ======================================== */
.tutor-star-rating-group {
    color: var(--color-accent-warning) !important;
}

/* ========================================
   Single Course Page
   ======================================== */
.tutor-course-details-title {
    color: var(--color-text-heading) !important;
}

.tutor-course-details-widget .tutor-course-details-widget-list .tutor-d-flex {
    color: rgba(230, 230, 230, 0.78) !important;
}

.tutor-course-details-content {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.tutor-course-details-tab {
    background: rgba(15, 15, 15, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-top: 32px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

.tutor-is-sticky {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

.tutor-course-details-tab .tutor-is-sticky {
    margin: 0 !important;
}

.tutor-course-topics-header {
    background: rgba(0, 0, 0, 0.35) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 12px 16px !important;
}

.tutor-course-topic {
    background: rgba(20, 20, 20, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
}

.tutor-course-lesson h5 a {
    color: var(--color-text-primary) !important;
}

.tutor-course-lesson h5 a:hover {
    color: var(--color-accent-primary) !important;
}

/* ========================================
   Course Sidebar
   ======================================== */
.tutor-course-sidebar-card {
    background: rgba(15, 15, 15, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 20px !important;
    border-radius: 10px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

.tutor-single-course-sidebar .tutor-sidebar-card,
.tutor-single-course-sidebar .tutor-card {
    background: rgba(15, 15, 15, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body,
.tutor-single-course-sidebar .tutor-card .tutor-card-body {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
    padding: 20px !important;
}

.tutor-price-preview-box .price {
    color: var(--color-accent-primary) !important;
    font-size: 24px !important;
    font-weight: bold !important;
}

/* Sidebar More Info Box */
.tutor-single-course-sidebar-more > div {
    background: rgba(15, 15, 15, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: var(--spacing-md) !important;
    border-radius: 10px !important;
    margin-bottom: var(--spacing-md) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

.tutor-single-course-sidebar-more > div ul li {
    color: var(--color-text-secondary) !important;
}

.tutor-single-course-sidebar-more > div ul li:last-child {
    border-bottom: none !important;
}

.tutor-single-course-sidebar-more > div .tutor-course-price {
    color: var(--color-accent-primary) !important;
    font-family: var(--font-code) !important;
    font-size: 1.5rem !important;
}

/* ========================================
   Progress Bar
   ======================================== */
.tutor-progress-bar {
    background-color: var(--color-bg-tertiary) !important;
}

.tutor-progress-value {
    background-color: var(--color-accent-primary) !important;
}

/* ========================================
   Alerts & Notifications
   ======================================== */
.tutor-alert {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    padding: 15px !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
}

.tutor-alert-success {
    border-color: var(--color-accent-success) !important;
    color: var(--color-accent-success) !important;
}

.tutor-alert-warning {
    border-color: var(--color-accent-warning) !important;
    color: var(--color-accent-warning) !important;
}

.tutor-alert-danger,
.tutor-alert-error {
    border-color: var(--color-accent-danger) !important;
    color: var(--color-accent-danger) !important;
}

.tutor-alert-info {
    border-color: var(--color-accent-primary) !important;
    color: var(--color-accent-primary) !important;
}

/* Notifications */
.tutor-notification {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    border-radius: 4px !important;
}

.tutor-notification.tutor-is-success,
.tutor-notification.tutor-is-info {
    background-color: rgba(0, 243, 255, 0.1) !important;
    border-color: var(--color-accent-primary) !important;
    color: var(--color-accent-primary) !important;
}

.tutor-notification.tutor-is-error {
    background-color: rgba(255, 0, 85, 0.1) !important;
    border-color: #ff0055 !important;
    color: #ff0055 !important;
}

.tutor-notification.tutor-is-warning {
    background-color: rgba(255, 170, 0, 0.1) !important;
    border-color: #ffaa00 !important;
    color: #ffaa00 !important;
}

/* ========================================
   Lesson Content
   ======================================== */

/* Highlighted Text */
.tutor-lesson-wrapper .tutor-highlighted {
    background-color: rgba(0, 243, 255, 0.2);
    color: var(--color-text-primary) !important;
}

.tutor-lesson-wrapper .tutor-highlighted.has-note:hover,
.tutor-lesson-wrapper .tutor-highlighted.has-note.note-hover,
.tutor-lesson-wrapper .tutor-highlighted.has-note.has-popover {
    background-color: rgba(0, 243, 255, 0.35) !important;
    color: var(--color-text-primary) !important;
}

/* Note Popover */
.tutor-note-popover {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.tutor-note-popover .tutor-note-popover-header {
    background-color: var(--color-bg-tertiary) !important;
    border-bottom: 1px solid var(--color-border) !important;
    color: var(--color-text-heading) !important;
}

.tutor-note-popover .tutor-note-popover-body {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
}

.tutor-note-popover .tutor-note-popover-footer {
    background-color: var(--color-bg-tertiary) !important;
    border-top: 1px solid var(--color-border) !important;
}

.tutor-note-popover::before,
.tutor-note-popover::after {
    border-color: var(--color-bg-secondary) transparent transparent transparent !important;
}

/* Note Form Wrapper */
.tutor-lesson-note-form-wrapper {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-lesson-note-form-wrapper textarea,
.tutor-lesson-note-form-wrapper input {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-lesson-note-form-wrapper textarea:focus,
.tutor-lesson-note-form-wrapper input:focus {
    border-color: var(--color-accent-primary) !important;
    outline: none !important;
}

.tutor-lesson-note-form-wrapper label {
    color: var(--color-text-heading) !important;
}

/* ========================================
   Single Lesson/Quiz Content Wrapper
   ======================================== */
.tutor-course-single-content-wrapper {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
}

.tutor-course-single-content-wrapper a {
    color: var(--color-accent-primary) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.tutor-course-single-content-wrapper a:hover,
.tutor-course-single-content-wrapper a:focus {
    color: var(--color-accent-secondary) !important;
    text-decoration: underline !important;
}

.tutor-course-single-content-wrapper a:active {
    color: var(--color-accent-secondary) !important;
    opacity: 0.8 !important;
}

.tutor-course-single-sidebar-wrapper {
    background-color: var(--color-bg-secondary) !important;
    border-right: 1px solid var(--color-border) !important;
}

#tutor-single-entry-content,
.tutor-single-entry-content,
.tutor-quiz-single-entry-wrap {
    background-color: transparent !important;
}

/* Single Header */
.tutor-course-topic-single-header,
.tutor-single-page-top-bar {
    background-color: var(--color-bg-secondary) !important;
    border-bottom: 1px solid var(--color-border) !important;
    color: var(--color-text-heading) !important;
    position: relative !important;
    z-index: 1100 !important;
}

.tutor-course-topic-single-header-title {
    color: var(--color-text-heading) !important;
    position: relative !important;
    z-index: 1200 !important;
}

/* ========================================
   Sidebar Toggle Button
   ======================================== */
.tutor-course-topics-sidebar-toggler i,
.tutor-course-topics-sidebar-toggler svg,
.tutor-course-topics-sidebar-toggler span,
.tutor-course-topics-sidebar-toggler::before {
    display: none !important;
}

.tutor-course-topics-sidebar-toggler {
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 0 !important;
    overflow: hidden !important;
    z-index: 1200 !important;
}

.tutor-course-topics-sidebar-toggler::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 18px !important;
    height: 2px !important;
    background-color: currentColor !important;
    box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor !important;
}

.tutor-course-topics-sidebar-toggler,
.tutor-course-topics-sidebar-toggler:hover,
.tutor-course-topics-sidebar-toggler:focus,
.tutor-course-topics-sidebar-toggler:active,
.tutor-d-xl-none .tutor-iconic-btn,
.tutor-d-xl-none .tutor-iconic-btn:hover,
.tutor-d-xl-none .tutor-iconic-btn:focus,
.tutor-d-xl-none .tutor-iconic-btn:active {
    text-decoration: none !important;
    background-color: transparent !important;
    color: var(--color-accent-primary) !important;
}

/* Responsive Sidebar Toggle */
@media (max-width: 1199.98px) {
    .tutor-course-topic-single-header .tutor-d-xl-none,
    .tutor-single-page-top-bar .tutor-d-xl-none {
        position: relative !important;
        z-index: 1300 !important;
        pointer-events: auto !important;
    }

    .tutor-course-topic-single-header .tutor-d-xl-none .tutor-iconic-btn,
    .tutor-single-page-top-bar .tutor-d-xl-none .tutor-iconic-btn {
        position: relative !important;
        z-index: 1301 !important;
        pointer-events: auto !important;
    }

    .tutor-course-single-content-wrapper:not(.tutor-course-single-sidebar-open) .tutor-course-single-sidebar-wrapper,
    .tutor-course-single-content-wrapper:not(.tutor-course-single-sidebar-open) .tutor-lesson-sidebar {
        pointer-events: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* ========================================
   Single Sidebar
   ======================================== */
.tutor-course-single-sidebar-title {
    color: var(--color-text-heading) !important;
    border-bottom: 1px solid var(--color-border) !important;
    padding: 15px 20px !important;
    background-color: var(--color-bg-tertiary) !important;
}

.tutor-lesson-sidebar {
    background-color: var(--color-bg-secondary) !important;
    border-right: 1px solid var(--color-border) !important;
}

.tutor-course-topic-title {
    color: var(--color-text-primary) !important;
}

.tutor-course-topic-summary {
    color: var(--color-text-secondary) !important;
}

.tutor-accordion-item-header.is-active {
    background: rgba(8, 8, 8, 0.45) !important;
    border-left: 3px solid var(--color-accent-primary) !important;
    color: var(--color-text-primary) !important;
}

/* Single Footer */
.tutor-course-topic-single-footer {
    background-color: var(--color-bg-secondary) !important;
    border-top: 1px solid var(--color-border) !important;
}

/* ========================================
   Spotlight Mode
   ======================================== */
.tutor-spotlight-mode .tutor-course-single-content-wrapper {
    background-color: #000 !important;
}

.tutor-spotlight-mode #tutor-single-entry-content {
    color: #ccc !important;
}

.tutor-spotlight-mode .tutor-course-spotlight-wrapper {
    position: relative !important;
}

.tutor-spotlight-mode .tutor-course-spotlight-tab,
.tutor-spotlight-mode .tutor-course-single-content-wrapper {
    max-width: var(--max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
    z-index: 300 !important;
}

.tutor-spotlight-mode [class*="sidebar-toggle"],
.tutor-spotlight-mode [class*="toggle-sidebar"],
.tutor-spotlight-mode [class*="lesson-sidebar-toggle"],
.tutor-spotlight-mode [class*="sidebar"][class*="toggle"],
.tutor-spotlight-mode [class*="sidebar"][class*="toggler"],
.tutor-spotlight-mode [id*="sidebar"][id*="toggle"],
.tutor-spotlight-mode [aria-label*="sidebar"] {
    position: relative !important;
    z-index: 1000 !important;
}

.tutor-spotlight-mode .tutor-course-single-sidebar-wrapper :is(button, a, span, div)[class*="toggle"],
.tutor-spotlight-mode .tutor-course-single-sidebar-wrapper :is(button, a, span, div)[class*="toggler"],
.tutor-spotlight-mode .tutor-course-single-sidebar-wrapper :is(button, a, span, div)[class*="arrow"],
.tutor-spotlight-mode .tutor-course-single-sidebar-wrapper :is(button, a)[aria-label*="toggle"],
.tutor-spotlight-mode .tutor-course-single-sidebar-wrapper :is(button, a)[aria-label*="sidebar"],
.tutor-spotlight-mode .tutor-course-single-sidebar-wrapper :is(button, a)[aria-label*="lesson"] {
    position: relative !important;
    z-index: 1200 !important;
}

.tutor-spotlight-mode .tutor-course-spotlight-tab,
.tutor-spotlight-mode #tutor-single-entry-content {
    position: relative !important;
    z-index: 900 !important;
}

/* ========================================
   Quiz Wrapper
   ======================================== */
.tutor-quiz-wrapper {
    background-color: var(--color-bg-secondary) !important;
    padding: 30px !important;
    border-radius: 4px !important;
    border: 1px solid var(--color-border) !important;
}

/* ========================================
   Video Player
   ======================================== */
.tutor-video-player {
    background-color: #000 !important;
    border: 1px solid var(--color-border) !important;
}

/* ========================================
   Login/Register Forms & Pages
   ======================================== */
.tutor-login-form-wrap,
.tutor-registration-form-wrap {
    background-color: var(--color-bg-secondary) !important;
    padding: 30px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 4px !important;
}

/* --- Login Page (tutor/login.php) --- */
.tutor-page-wrap {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
}

.tutor-login-wrap,
.tutor-template-segment.tutor-login-wrap {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    padding: var(--spacing-lg) !important;
    max-width: 480px !important;
    margin: var(--spacing-xl) auto !important;
}

.tutor-login-form-wrapper {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
}

.tutor-login-form-wrapper .tutor-fs-5 {
    color: var(--color-text-heading) !important;
    font-family: var(--font-heading) !important;
}

/* --- Sign-In Modal (popup) --- */
.tutor-modal.tutor-login-modal .tutor-modal-overlay {
    background-color: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

.tutor-modal .tutor-modal-content,
.tutor-modal .tutor-modal-content.tutor-modal-content-white {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    color: var(--color-text-primary) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6),
                0 0 1px rgba(0, 199, 212, 0.3) !important;
}

.tutor-modal .tutor-modal-window {
    background-color: transparent !important;
}

.tutor-modal .tutor-modal-header {
    background-color: var(--color-bg-tertiary) !important;
    border-bottom: 1px solid var(--color-border) !important;
    color: var(--color-text-heading) !important;
}

.tutor-modal .tutor-modal-header .tutor-modal-title {
    color: var(--color-text-heading) !important;
}

.tutor-modal .tutor-modal-body {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
}

.tutor-modal .tutor-modal-footer {
    background-color: var(--color-bg-tertiary) !important;
    border-top: 1px solid var(--color-border) !important;
}

/* Modal close button */
.tutor-modal .tutor-modal-close,
.tutor-modal .tutor-modal-close-o {
    color: var(--color-text-secondary) !important;
}

.tutor-modal .tutor-modal-close:hover,
.tutor-modal .tutor-modal-close-o:hover {
    color: var(--color-accent-primary) !important;
}

/* Form inputs inside modals */
.tutor-modal input[type="text"],
.tutor-modal input[type="email"],
.tutor-modal input[type="password"],
.tutor-modal input[type="url"],
.tutor-modal input[type="number"],
.tutor-modal input[type="tel"],
.tutor-modal textarea,
.tutor-modal select {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-code) !important;
    padding: 10px !important;
    border-radius: 4px !important;
}

.tutor-modal input[type="text"]:focus,
.tutor-modal input[type="email"]:focus,
.tutor-modal input[type="password"]:focus,
.tutor-modal input[type="url"]:focus,
.tutor-modal textarea:focus,
.tutor-modal select:focus {
    border-color: var(--color-accent-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 199, 212, 0.15) !important;
}

.tutor-modal input::placeholder,
.tutor-modal textarea::placeholder {
    color: var(--color-text-secondary) !important;
    opacity: 0.7 !important;
}

/* Modal text colors */
.tutor-modal .tutor-color-black,
.tutor-modal .tutor-fs-5,
.tutor-modal .tutor-fs-6,
.tutor-modal .tutor-fs-7,
.tutor-modal label {
    color: var(--color-text-primary) !important;
}

.tutor-modal .tutor-color-secondary,
.tutor-modal .tutor-color-muted {
    color: var(--color-text-secondary) !important;
}

/* Modal links */
.tutor-modal .tutor-btn-link {
    color: var(--color-accent-primary) !important;
}

.tutor-modal .tutor-btn-link:hover {
    color: var(--color-accent-secondary) !important;
}

/* --- Student Registration Page (/student-registration/) --- */
#tutor-registration-wrap {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    padding: var(--spacing-lg) !important;
    max-width: 720px !important;
    margin: var(--spacing-xl) auto !important;
    color: var(--color-text-primary) !important;
}

#tutor-registration-form label {
    color: var(--color-text-primary) !important;
    font-family: var(--font-main) !important;
    font-weight: 500 !important;
}

#tutor-registration-form input[type="text"],
#tutor-registration-form input[type="email"],
#tutor-registration-form input[type="password"],
#tutor-registration-form input[type="url"],
#tutor-registration-form input[type="number"],
#tutor-registration-form input[type="tel"],
#tutor-registration-form textarea,
#tutor-registration-form select {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-code) !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
    width: 100% !important;
    transition: border-color 0.2s ease !important;
}

#tutor-registration-form input[type="text"]:focus,
#tutor-registration-form input[type="email"]:focus,
#tutor-registration-form input[type="password"]:focus,
#tutor-registration-form input[type="url"]:focus,
#tutor-registration-form textarea:focus,
#tutor-registration-form select:focus {
    border-color: var(--color-accent-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 199, 212, 0.15) !important;
}

#tutor-registration-form input::placeholder,
#tutor-registration-form textarea::placeholder {
    color: var(--color-text-secondary) !important;
    opacity: 0.7 !important;
}

/* Password strength indicator */
#tutor-registration-form .tutor-password-strength-hint .indicator span {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
}

#tutor-registration-form .tutor-password-strength-hint .indicator span.weak.active {
    background-color: var(--color-accent-danger) !important;
    border-color: var(--color-accent-danger) !important;
}

#tutor-registration-form .tutor-password-strength-hint .indicator span.medium.active {
    background-color: var(--color-accent-warning) !important;
    border-color: var(--color-accent-warning) !important;
}

#tutor-registration-form .tutor-password-strength-hint .indicator span.strong.active {
    background-color: var(--color-accent-success) !important;
    border-color: var(--color-accent-success) !important;
}

#tutor-registration-form .tutor-password-strength-hint .text {
    color: var(--color-text-secondary) !important;
}

/* Show/hide password button */
#tutor-registration-form .show-hide-btn,
.tutor-login-form-wrapper .show-hide-btn,
.tutor-modal .show-hide-btn {
    color: var(--color-text-secondary) !important;
}

#tutor-registration-form .show-hide-btn:hover,
.tutor-login-form-wrapper .show-hide-btn:hover,
.tutor-modal .show-hide-btn:hover {
    color: var(--color-accent-primary) !important;
}

/* Form validation icon */
#tutor-registration-form .tutor-validation-icon {
    color: var(--color-accent-success) !important;
}

/* Registration alert/warning */
#tutor-registration-form .tutor-alert.tutor-warning {
    background-color: rgba(255, 182, 0, 0.1) !important;
    border: 1px solid rgba(255, 182, 0, 0.3) !important;
    color: var(--color-accent-warning) !important;
}

/* Terms and conditions link */
#tutor-registration-wrap a {
    color: var(--color-accent-primary) !important;
}

#tutor-registration-wrap a:hover {
    color: var(--color-accent-secondary) !important;
}

/* Login form alert/warning (same treatment) */
#tutor-login-form .tutor-alert.tutor-warning,
.tutor-login-wrap .tutor-alert.tutor-warning {
    background-color: rgba(255, 182, 0, 0.1) !important;
    border: 1px solid rgba(255, 182, 0, 0.3) !important;
    color: var(--color-accent-warning) !important;
}

/* Login / Registration: "Don't have an account?" / "Already have an account?" text */
.tutor-login-wrap .tutor-text-center,
#tutor-registration-wrap .tutor-text-center {
    color: var(--color-text-secondary) !important;
}

/* White backgrounds that Tutor forces (catch-all for modals) */
.tutor-bg-white {
    background-color: var(--color-bg-secondary) !important;
}

/* Announcement and other modals using tutor-modal-content-white */
.tutor-modal-content.tutor-modal-content-white,
.tutor-modal-content.tutor-bg-white {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* Password protected content modal */
.tutor-modal-content.tutor-bg-white.tutor-p-40 {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Wishlist
   ======================================== */
.tutor-course-wishlist-btn {
    color: var(--color-text-secondary) !important;
}

.tutor-course-wishlist-btn:hover,
.tutor-course-wishlist-btn.is-active {
    color: var(--color-accent-danger) !important;
}

/* ========================================
   Accordion
   ======================================== */
.tutor-accordion-item-body {
    background: rgba(8, 8, 8, 0.3) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

.tutor-accordion-item-body-content {
    padding: 0 !important;
    border-top: none !important;
}

/* Course Topic Items */
.tutor-course-topic-item {
    background: rgba(8, 8, 8, 0.35) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: var(--color-text-primary) !important;
    transition: all 0.3s ease !important;
}

.tutor-course-topic-item:hover {
    background: rgba(124, 58, 237, 0.1) !important;
}

.tutor-course-topic-item.is-active {
    background: rgba(124, 58, 237, 0.14) !important;
    border-left: 3px solid var(--color-accent-primary) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title {
    color: var(--color-accent-primary) !important;
    font-weight: bold !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a:hover {
    color: var(--color-accent-secondary) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
    color: var(--color-text-primary) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    background-color: transparent !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a .tutor-course-topic-item-title {
    color: var(--color-text-primary) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a:hover,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a:focus {
    color: var(--color-accent-primary) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a:hover .tutor-course-topic-item-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a:focus .tutor-course-topic-item-title {
    color: var(--color-accent-primary) !important;
}

/* Light backgrounds override */
.tutor-accordion-item-header,
.tutor-course-topic-item,
.tutor-course-lesson,
.tutor-course-content-list-item,
.tutor-single-course-sidebar .tutor-card-body,
.tutor-course-topic-item-lesson {
    background: rgba(8, 8, 8, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

.tutor-accordion-item-header:hover {
    background: rgba(124, 58, 237, 0.12) !important;
}

.tutor-course-topic-item-lesson {
    padding: 12px 20px !important;
}

.tutor-course-topic-item-lesson.is-active {
    color: var(--color-accent-primary) !important;
    font-weight: bold !important;
}

.tutor-course-topic-item-title {
    color: inherit !important;
}

/* Course Content List Item */
.tutor-course-content-list-item {
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
    background: rgba(8, 8, 8, 0.28) !important;
    border-radius: 6px !important;
    margin: 4px 0 !important;
}

.tutor-course-content-list-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.tutor-course-content-list-item:hover {
    background: rgba(124, 58, 237, 0.12) !important;
}

.tutor-course-content-list-item--clickable {
    cursor: pointer !important;
}

.tutor-course-content-list-item > a,
.tutor-course-content-list-item a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 10px !important;
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    justify-content: space-between !important;
}

.tutor-course-content-list-item-link {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: space-between !important;
}

.tutor-course-content-list-item a:hover,
.tutor-course-content-list-item a:focus {
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Course content accordion (remade for theme blend) */
.tutor-accordion.tutor-mt-24 {
    --accordion-bg: rgba(6, 8, 12, 0.35);
    --accordion-bg-soft: rgba(6, 8, 12, 0.22);
    --accordion-border: rgba(255, 255, 255, 0.06);
    --accordion-accent: rgba(0, 180, 255, 0.18);
}

.tutor-accordion.tutor-mt-24 .tutor-accordion-item {
    background: transparent !important;
    border: none !important;
    margin-bottom: 12px !important;
}

.tutor-accordion.tutor-mt-24 .tutor-accordion-item:last-child {
    margin-bottom: 0 !important;
}

.tutor-accordion.tutor-mt-24 .tutor-accordion-item-header {
    background: var(--accordion-bg) !important;
    border: 1px solid var(--accordion-border) !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
}

.tutor-accordion.tutor-mt-24 .tutor-accordion-item-header:hover {
    background: rgba(0, 180, 255, 0.14) !important;
}

.tutor-accordion.tutor-mt-24 .tutor-accordion-item-header.is-active {
    background: var(--accordion-accent) !important;
    border-left: 3px solid rgba(0, 180, 255, 0.9) !important;
    border-radius: 8px 8px 0 0 !important;
    border-bottom: none !important;
}

.tutor-accordion.tutor-mt-24 .tutor-accordion-item-body {
    background: var(--accordion-bg-soft) !important;
    border: 1px solid var(--accordion-border) !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    padding: 0 !important;
    margin-top: -1px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.tutor-accordion.tutor-mt-24 .tutor-course-content-list-item {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 10px 22px !important;
}

.tutor-accordion.tutor-mt-24 .tutor-course-content-list-item:hover {
    background: rgba(0, 180, 255, 0.12) !important;
}

.tutor-accordion.tutor-mt-24 .tutor-course-content-list-item > a,
.tutor-accordion.tutor-mt-24 .tutor-course-content-list-item a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 10px !important;
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    justify-content: space-between !important;
}

.tutor-accordion.tutor-mt-24 .tutor-course-content-list-item-link {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: space-between !important;
}


.tutor-course-content-list-item,
.tutor-course-content-list-item-link {
    display: flex !important;
    align-items: center !important;
}

.tutor-course-content-list-item > .tutor-d-flex,
.tutor-course-content-list-item-link > .tutor-d-flex {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.tutor-course-content-list-item > .tutor-flex-shrink-0,
.tutor-course-content-list-item-link > .tutor-flex-shrink-0 {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    text-align: right !important;
}

.tutor-course-content-list-item .tutor-flex-shrink-0 .tutor-course-content-list-item-status {
    margin-left: 16px !important;
}

.tutor-course-content-list-item-title {
    color: var(--color-text-primary) !important;
    margin: 0 !important;
    font-size: 1rem !important;
    flex-grow: 1 !important;
}

.tutor-course-content-list-item-icon {
    color: var(--color-accent-primary) !important;
}

/* ========================================
   Instructors
   ======================================== */
.tutor-course-details-instructors {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    padding: 20px !important;
    border-radius: 4px !important;
    margin-top: 30px !important;
}

.tutor-instructor-name h3,
.tutor-instructor-name a {
    color: var(--color-text-heading) !important;
    text-decoration: none !important;
}

.tutor-instructor-name a:hover {
    color: var(--color-accent-primary) !important;
}

/* ========================================
   Dropdowns
   ======================================== */
.tutor-dropdown {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
}

.tutor-dropdown .tutor-nav-link {
    padding: 10px 20px !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.tutor-dropdown .tutor-nav-link:last-child {
    border-bottom: none !important;
}

.tutor-dropdown .tutor-nav-link:hover {
    background-color: var(--color-bg-tertiary) !important;
}

/* ========================================
   Code Blocks
   ======================================== */
.tutor-wrap pre,
.tutor-wrap code,
.tutor-wrap pre code,
.tutor-wrap pre[class*="language-"],
.tutor-wrap pre[class*="language-"] code,
.tutor-lesson-content pre,
.tutor-lesson-content code,
.tutor-course-single-content-wrapper pre,
.tutor-course-single-content-wrapper code,
#tutor-single-entry-content pre,
#tutor-single-entry-content code {
    text-shadow: none !important;
}

.tutor-wrap pre,
.tutor-wrap pre[class*="language-"],
.tutor-lesson-content pre,
.tutor-course-single-content-wrapper pre,
#tutor-single-entry-content pre {
    white-space: pre !important;
    overflow-x: auto !important;
}

/* ========================================
   Misc Overrides
   ======================================== */

/* Remove footer top margin for Tutor lessons */
.single-lesson .site-footer,
.tutor-single-lesson .site-footer {
    margin-top: 0 !important;
}

/* Toggle more collapsed - fix gradient for dark theme */
.tutor-toggle-more-collapsed::before {
    background: linear-gradient(rgba(5, 5, 5, 0) 0%, rgba(5, 5, 5, 0.72) 15%, var(--color-bg-primary) 100%) !important;
    pointer-events: none;
    z-index: 1;
}

/* Course about section - show more button positioning */
.tutor-course-about-wrapper {
    position: relative;
}

.tutor-course-about-wrapper.has-show-more .tutor-course-details-content.tutor-toggle-more-collapsed {
    padding-bottom: 0;
}

.tutor-show-more-wrapper {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 3;
}

.tutor-show-more-wrapper .tutor-btn-show-more {
    background-color: var(--color-bg-primary, #050505) !important;
    color: var(--color-text-primary, #fff) !important;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.tutor-show-more-wrapper .tutor-btn-show-more:hover {
    background-color: var(--color-accent-primary, #7c3aed) !important;
    color: #fff !important;
}

/* When expanded, reposition the button */
.tutor-course-about-wrapper .tutor-course-details-content:not(.tutor-toggle-more-collapsed) + .tutor-show-more-wrapper {
    position: relative;
    margin-top: 16px;
    bottom: 0;
}

/* ========================================
   Checkout Page
   ======================================== */
.tutor-checkout-page {
    color: var(--color-text-primary) !important;
}

.tutor-checkout-container {
    color: var(--color-text-primary) !important;
}

.tutor-checkout-details {
    background-color: transparent !important;
    border: none !important;
    color: var(--color-text-primary) !important;
}

.tutor-checkout-details-inner {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    color: var(--color-text-primary) !important;
    padding: 32px !important;
}

.tutor-checkout-details-inner h5 {
    color: var(--color-text-heading) !important;
    font-family: var(--font-heading) !important;
    border-bottom-color: var(--color-border) !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}

.tutor-checkout-summary {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--color-text-primary) !important;
    padding: 0 !important;
    gap: 12px !important;
}

.tutor-checkout-summary-item {
    border-bottom: none !important;
    color: var(--color-text-primary) !important;
    padding: 8px 0 !important;
}

.tutor-checkout-detail-item {
    border-bottom: 1px solid var(--color-border-subtle) !important;
    color: var(--color-text-primary) !important;
    padding: 20px 0 !important;
}

.tutor-checkout-detail-item:last-child {
    border-bottom: none !important;
}

/* Separator (OR line between sections) */
.tutor-checkout-page .tutor-checkout-separator {
    color: var(--color-text-secondary) !important;
}

.tutor-checkout-page .tutor-checkout-separator span {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-secondary) !important;
}

.tutor-checkout-page .tutor-checkout-separator::before {
    background-color: var(--color-border) !important;
}

/* Coupon form */
.tutor-checkout-page .tutor-apply-coupon-form {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 6px !important;
}

.tutor-checkout-page .tutor-apply-coupon-form input {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
}

.tutor-checkout-page .tutor-apply-coupon-form input::placeholder {
    color: var(--color-text-secondary) !important;
}

/* Coupon badge delete button */
.tutor-checkout-page .tutor-checkout-coupon-badge button {
    color: var(--color-text-secondary) !important;
}

.tutor-checkout-page .tutor-checkout-coupon-badge button:hover {
    color: var(--color-accent-danger) !important;
}

/* Grand total area */
.tutor-checkout-details-inner .tutor-pt-12 {
    border-top: 1px solid var(--color-border) !important;
    padding-top: 16px !important;
    margin-top: 4px !important;
}

.tutor-checkout-grand-total {
    color: var(--color-accent-primary) !important;
}

.tutor-checkout-incl-tax-label {
    color: var(--color-text-secondary) !important;
}

/* "Have a coupon?" row */
.tutor-checkout-page .tutor-have-a-coupon {
    color: var(--color-text-secondary) !important;
}

/* "Already have an account?" bar on checkout */
.tutor-checkout-page .tutor-border {
    border-color: var(--color-border) !important;
    background-color: var(--color-bg-tertiary) !important;
}

.tutor-checkout-page .tutor-border p {
    color: var(--color-text-primary) !important;
}

.tutor-checkout-course-item {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 6px !important;
    color: var(--color-text-primary) !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
}

.tutor-checkout-course-title {
    color: var(--color-text-heading) !important;
}

.tutor-checkout-course-title a {
    color: var(--color-text-heading) !important;
    text-decoration: none !important;
}

.tutor-checkout-course-title a:hover {
    color: var(--color-accent-primary) !important;
}

.tutor-checkout-course-content {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
    padding: 8px 0 !important;
    gap: 20px !important;
}

.tutor-checkout-course-content .tutor-fw-bold {
    color: var(--color-text-heading) !important;
}

.tutor-checkout-course-content .tutor-text-right {
    color: var(--color-text-primary) !important;
    white-space: nowrap !important;
}

.tutor-checkout-course-thumb-title {
    gap: 12px !important;
}

.tutor-checkout-course-thumb-title img {
    border: 1px solid var(--color-border) !important;
    border-radius: 4px !important;
}

.tutor-checkout-separator {
    border-color: var(--color-border) !important;
}

.tutor-checkout-billing {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--color-text-primary) !important;
}

.tutor-checkout-billing-inner {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    padding: 32px !important;
}

/* "Already have an account?" bar inside billing */
.tutor-checkout-billing-inner .tutor-border {
    border-color: var(--color-border) !important;
    background-color: var(--color-bg-tertiary) !important;
    border-radius: 6px !important;
}

.tutor-checkout-billing-inner .tutor-border p {
    color: var(--color-text-primary) !important;
}

/* Billing headings */
.tutor-checkout-billing-inner h5 {
    color: var(--color-text-heading) !important;
    font-family: var(--font-heading) !important;
}

/* Billing form fields — Tutor merges them into a single bordered block */
.tutor-checkout-billing .tutor-billing-fields .tutor-form-control {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    height: 44px !important;
    font-family: var(--font-code) !important;
    font-size: 14px !important;
}

.tutor-checkout-billing .tutor-billing-fields .tutor-form-control::placeholder {
    color: var(--color-text-secondary) !important;
}

.tutor-checkout-billing .tutor-billing-fields .tutor-form-control:focus {
    border-color: var(--color-accent-primary) !important;
    outline: none !important;
    z-index: 1 !important;
    position: relative !important;
}

/* Select dropdowns inside billing */
.tutor-checkout-billing .tutor-billing-fields select.tutor-form-control {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

.tutor-checkout-billing .tutor-billing-fields select.tutor-form-control option {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* Payment Method section */
.tutor-payment-method-wrapper h5 {
    color: var(--color-text-heading) !important;
    font-family: var(--font-heading) !important;
}

.tutor-checkout-payment-options {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.tutor-checkout-payment-options .tutor-checkout-payment-item {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
    color: var(--color-text-primary) !important;
    padding: 14px 16px !important;
    transition: background-color 0.2s ease !important;
}

.tutor-checkout-payment-options .tutor-checkout-payment-item:last-child {
    border-bottom: none !important;
}

.tutor-checkout-payment-options .tutor-checkout-payment-item:hover {
    background-color: rgba(0, 199, 212, 0.03) !important;
}

.tutor-checkout-payment-options .tutor-checkout-payment-item.active,
.tutor-checkout-payment-options .tutor-checkout-payment-item.is-active {
    background-color: rgba(0, 199, 212, 0.06) !important;
    box-shadow: inset 3px 0 0 var(--color-accent-primary) !important;
    border-color: var(--color-border-subtle) !important;
}

.tutor-payment-item-content {
    color: var(--color-text-primary) !important;
    font-family: var(--font-code) !important;
}

.tutor-payment-instructions {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-secondary) !important;
    border-radius: 6px !important;
}

/* Terms of Service checkbox area */
.tutor-checkout-billing-inner .tutor-color-subdued {
    color: var(--color-text-secondary) !important;
}

.tutor-checkout-billing-inner .tutor-color-primary {
    color: var(--color-accent-primary) !important;
}

.tutor-checkout-billing-inner .tutor-color-primary:hover {
    color: var(--color-accent-secondary) !important;
}

/* Pay Now button */
#tutor-checkout-pay-now-button {
    background-color: var(--color-accent-primary) !important;
    border: none !important;
    color: var(--color-bg-primary) !important;
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

#tutor-checkout-pay-now-button:hover {
    background-color: #00e5d4 !important;
    box-shadow: 0 0 20px rgba(0, 199, 212, 0.3) !important;
}

#tutor-checkout-pay-now-button:disabled {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-secondary) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* Error/alert boxes inside billing */
.tutor-checkout-billing-inner .tutor-alert {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 6px !important;
}

.tutor-checkout-billing-inner .tutor-alert.tutor-danger {
    border-color: rgba(255, 0, 60, 0.3) !important;
    background-color: rgba(255, 0, 60, 0.08) !important;
}

.tutor-checkout-billing-inner .tutor-alert.tutor-warning {
    border-color: rgba(255, 182, 0, 0.3) !important;
    background-color: rgba(255, 182, 0, 0.08) !important;
}

.tutor-checkout-coupon-badge {
    background-color: rgba(0, 199, 212, 0.1) !important;
    color: var(--color-accent-primary) !important;
    border: 1px solid rgba(0, 199, 212, 0.3) !important;
}

.tutor-checkout-course-plan-badge {
    background-color: rgba(112, 0, 255, 0.15) !important;
    color: var(--color-accent-secondary) !important;
}

.tutor-checkout-enrollment-fee {
    color: var(--color-text-secondary) !important;
}

.tutor-checkout-discount-price {
    color: var(--color-accent-success) !important;
}

.tutor-checkout-page .tutor-tax-breakdown-modal__content {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Cart Page
   ======================================== */
.tutor-cart-page {
    color: var(--color-text-primary) !important;
}

.tutor-cart-course-list {
    color: var(--color-text-primary) !important;
}

.tutor-cart-course-item {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 6px !important;
    color: var(--color-text-primary) !important;
}

.tutor-cart-course-title {
    color: var(--color-text-heading) !important;
}

.tutor-cart-course-price,
.tutor-cart-course-price-wrapper {
    color: var(--color-text-primary) !important;
}

.tutor-cart-discount-price {
    color: var(--color-accent-success) !important;
}

.tutor-cart-summery {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    color: var(--color-text-primary) !important;
}

.tutor-cart-summery-top,
.tutor-cart-summery-bottom {
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-cart-summery-item {
    color: var(--color-text-primary) !important;
}

.tutor-cart-empty-state {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-secondary) !important;
}

/* ========================================
   Billing Form
   ======================================== */
.tutor-billing-fields {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    color: var(--color-text-primary) !important;
}

.tutor-billing-fields label {
    color: var(--color-text-primary) !important;
}

.tutor-billing-fields input[type="text"],
.tutor-billing-fields input[type="email"],
.tutor-billing-fields input[type="tel"],
.tutor-billing-fields input[type="number"],
.tutor-billing-fields select,
.tutor-billing-fields textarea {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-code) !important;
}

.tutor-billing-fields input:focus,
.tutor-billing-fields select:focus,
.tutor-billing-fields textarea:focus {
    border-color: var(--color-accent-primary) !important;
    box-shadow: 0 0 0 2px rgba(0, 199, 212, 0.15) !important;
}

/* Guest checkout: visible form fields with labels */
.tutor-guest-fields {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.tutor-guest-fields .tutor-form-label {
    display: block !important;
    color: var(--color-text-secondary) !important;
    font-family: var(--font-heading) !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
}

.tutor-guest-fields .tutor-form-control {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-code) !important;
    font-size: 14px !important;
    height: 44px !important;
    border-radius: 6px !important;
}

.tutor-guest-fields .tutor-form-control::placeholder {
    color: var(--color-text-secondary) !important;
}

.tutor-guest-fields .tutor-form-control:focus {
    border-color: var(--color-accent-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 199, 212, 0.15) !important;
}

.tutor-guest-fields .tutor-mb-16 {
    margin-bottom: 16px !important;
}

/* ========================================
   Alerts & Notifications
   ======================================== */
.tutor-alert.tutor-primary {
    background-color: rgba(0, 199, 212, 0.1) !important;
    border: 1px solid rgba(0, 199, 212, 0.3) !important;
    color: var(--color-accent-primary) !important;
}

.tutor-alert.tutor-success {
    background-color: rgba(0, 255, 65, 0.08) !important;
    border: 1px solid rgba(0, 255, 65, 0.3) !important;
    color: var(--color-accent-success) !important;
}

.tutor-alert.tutor-danger {
    background-color: rgba(255, 0, 60, 0.08) !important;
    border: 1px solid rgba(255, 0, 60, 0.3) !important;
    color: var(--color-accent-danger) !important;
}

.tutor-toast {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

.tutor-large-notification {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
}

/* ========================================
   Badges & Tags
   ======================================== */
.tutor-badge {
    font-family: var(--font-code) !important;
}

.tutor-badge-primary {
    background-color: rgba(0, 199, 212, 0.15) !important;
    color: var(--color-accent-primary) !important;
}

.tutor-badge-success {
    background-color: rgba(0, 255, 65, 0.12) !important;
    color: var(--color-accent-success) !important;
}

.tutor-badge-danger {
    background-color: rgba(255, 0, 60, 0.12) !important;
    color: var(--color-accent-danger) !important;
}

.tutor-badge-warning {
    background-color: rgba(255, 182, 0, 0.12) !important;
    color: var(--color-accent-warning) !important;
}

/* ========================================
   Tables
   ======================================== */
.tutor-table-responsive {
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.tutor-table {
    color: var(--color-text-primary) !important;
    --tutor-table-border-radius: 8px !important;
}

/* Table header */
.tutor-table tr th {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-heading) !important;
    border-bottom: 1px solid var(--color-border) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    font-family: var(--font-heading) !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 16px !important;
}

/* Table body cells */
.tutor-table tr td {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
    border-bottom: 1px solid var(--color-border-subtle) !important;
    border-left: none !important;
    border-right: none !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
}

.tutor-table tr:last-child td {
    border-bottom: none !important;
}

/* Row hover */
.tutor-table tbody tr:hover td {
    background-color: rgba(0, 199, 212, 0.04) !important;
}

/* Links inside table cells */
.tutor-table tr td > a:not(.tutor-btn):not(.tutor-iconic-btn),
.tutor-table tr td .tutor-table-link {
    color: var(--color-text-primary) !important;
}

.tutor-table tr td > a:not(.tutor-btn):not(.tutor-iconic-btn):hover,
.tutor-table tr td .tutor-table-link:hover {
    color: var(--color-accent-primary) !important;
}

/* Order ID column */
.tutor-table .tutor-fs-7 {
    color: var(--color-text-primary) !important;
}

/* Status badges inside tables */
.tutor-table .tutor-badge {
    font-family: var(--font-code) !important;
    font-size: 12px !important;
}

/* Active row highlight (expandable tables) */
.tutor-table.tutor-table-data-td-target .is-active:not(.expand-btn) {
    background-color: var(--color-bg-tertiary) !important;
}

.tutor-table-data-td-target {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
}

/* Mobile responsive table */
@media only screen and (max-width: 575px) {
    .tutor-table-mobile tr {
        border: 1px solid var(--color-border) !important;
        background-color: var(--color-bg-secondary) !important;
        border-radius: 8px !important;
    }

    .tutor-table-mobile td {
        color: var(--color-text-primary) !important;
        background-color: var(--color-bg-secondary) !important;
        border-bottom: 1px solid var(--color-border-subtle) !important;
    }

    .tutor-table-mobile td:before {
        color: var(--color-text-secondary) !important;
    }
}

/* Purchase history page heading */
.tutor-purchase-history .tutor-color-black {
    color: var(--color-text-heading) !important;
}

/* Filter bar / date filter */
.tutor-purchase-history .tutor-nav,
.tutor-purchase-history .tutor-report-filter {
    border-bottom-color: var(--color-border) !important;
}

.tutor-purchase-history .tutor-date-picker,
.tutor-purchase-history .tutor-form-control {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Cards & List Items
   ======================================== */
.tutor-card-list-item {
    background-color: var(--color-bg-secondary) !important;
    border-bottom: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-card-list-item:hover {
    background-color: rgba(0, 199, 212, 0.03) !important;
}

/* ========================================
   Tertiary Button (white bg override)
   ======================================== */
.tutor-btn-tertiary {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
}

.tutor-btn-tertiary:hover,
.tutor-btn-tertiary:focus,
.tutor-btn-tertiary:active {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-accent-primary) !important;
}

/* ========================================
   Avatars
   ======================================== */
.tutor-avatar {
    background-color: var(--color-bg-tertiary) !important;
    border-color: var(--color-border) !important;
}

/* ========================================
   Tooltips
   ======================================== */
.tutor-tooltip {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

/* ========================================
   Ratings & Reviews
   ======================================== */
.tutor-ratings,
.tutor-rating-count {
    color: var(--color-text-primary) !important;
}

.tutor-ratings .tutor-ratings-stars {
    color: var(--color-accent-warning) !important;
}

.tutor-review-list-item {
    border-bottom: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Empty / No-data States
   ======================================== */
.tutor-empty-state-container {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-secondary) !important;
}

.tutor-no-data-found {
    color: var(--color-text-secondary) !important;
}

/* ========================================
   Dropdown Selects
   ======================================== */
.tutor-dropdown-select-selected {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-dropdown-select-options-container {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

.tutor-dropdown-select-options-container .tutor-dropdown-select-option:hover {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-accent-primary) !important;
}

/* ========================================
   Form Select Dropdown
   ======================================== */
.tutor-form-select-dropdown {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

.tutor-form-select-dropdown .tutor-form-control {
    background-color: var(--color-bg-tertiary) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-code) !important;
}

.tutor-form-select-dropdown .tutor-form-control::placeholder {
    color: var(--color-text-secondary) !important;
}

.tutor-form-select-dropdown .tutor-form-control:focus {
    border-color: var(--color-accent-primary) !important;
    outline: none !important;
}

.tutor-form-select-options {
    scrollbar-color: var(--color-border) transparent !important;
}

.tutor-form-select-options::-webkit-scrollbar {
    width: 6px !important;
}

.tutor-form-select-options::-webkit-scrollbar-track {
    background: transparent !important;
}

.tutor-form-select-options::-webkit-scrollbar-thumb {
    background-color: var(--color-border) !important;
    border-radius: 3px !important;
}

.tutor-form-select-option {
    color: var(--color-text-primary) !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

.tutor-form-select-option span {
    color: var(--color-text-primary) !important;
}

.tutor-form-select-option:hover {
    background-color: var(--color-bg-tertiary) !important;
}

.tutor-form-select-option:hover span {
    color: var(--color-accent-primary) !important;
}

.tutor-form-select-option.is-active {
    background-color: rgba(0, 199, 212, 0.1) !important;
}

.tutor-form-select-option.is-active span {
    color: var(--color-accent-primary) !important;
}

.tutor-form-select-label {
    color: var(--color-text-primary) !important;
}

/* ========================================
   Coming Soon Banner
   ======================================== */
.tutor-coming-soon-wrapper {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 6px !important;
    font-family: var(--font-code) !important;
}

.tutor-coming-soon-wrapper i {
    color: var(--color-accent-primary) !important;
}

.tutor-coming-soon-wrapper .tutor-color-success {
    color: var(--color-accent-success) !important;
}

/* ========================================
   Offcanvas / Slide Panels
   ======================================== */
.tutor-offcanvas .tutor-offcanvas-main {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
    border-left: 1px solid var(--color-border) !important;
}

/* ========================================
   Date Picker
   ======================================== */
.ui-datepicker {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

.ui-datepicker .ui-datepicker-header {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-heading) !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.ui-datepicker td a {
    color: var(--color-text-primary) !important;
}

.ui-datepicker td a:hover {
    background-color: var(--color-accent-primary) !important;
    color: var(--color-bg-primary) !important;
}

.ui-datepicker .ui-state-active {
    background-color: var(--color-accent-primary) !important;
    color: var(--color-bg-primary) !important;
}

.tutor-react-datepicker .dropdown-container .dropdown-list,
.tutor-react-datepicker .react-datepicker {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Nav Tabs Container
   ======================================== */
.tutor-nav-tabs-container {
    background-color: transparent !important;
    border-bottom: 1px solid var(--color-border) !important;
}

/* ========================================
   Invoice
   ======================================== */
.tutor-invoice-wrapper {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-invoice-wrapper table th {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-heading) !important;
}

.tutor-invoice-wrapper table td {
    border-bottom: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Public Profile
   ======================================== */
.tutor-profile-card {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-profile-header {
    background-color: var(--color-bg-tertiary) !important;
    border-bottom: 1px solid var(--color-border) !important;
}

/* ========================================
   Course Filter (Archive)
   ======================================== */
.tutor-course-filter-container {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Q&A / Conversations
   ======================================== */
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-text {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-qna-single-question .tutor-qa-reply {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-course-spotlight-wrapper .tutor-conversation .tutor-actual-comment,
.tutor-course-spotlight-wrapper .tutor-conversation .tutor-comment-textarea {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-course-spotlight-wrapper .tutor-conversation .tutor-comment-textarea::before,
.tutor-course-spotlight-wrapper .tutor-conversation .tutor-actual-comment::before,
.tutor-course-spotlight-wrapper .tutor-conversation .tutor-comment-textarea::after,
.tutor-course-spotlight-wrapper .tutor-conversation .tutor-actual-comment::after {
    border-color: transparent var(--color-bg-tertiary) transparent transparent !important;
}

/* ========================================
   Phone Input (intl-tel-input)
   ======================================== */
.tutor-dashboard .tutor-phone-input .intl-tel-input .country-list {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Dashboard Footer (Mobile)
   ======================================== */
.tutor-dashboard #tutor-dashboard-footer-mobile {
    background-color: var(--color-bg-secondary) !important;
    border-top: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Lesson Modal / Sidebar
   ======================================== */
.tutor-lesson-modal-wrap .modal-footer {
    background-color: var(--color-bg-tertiary) !important;
    border-top: 1px solid var(--color-border) !important;
}

.lesson-modal-field-row input[type="text"] {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Instructor Rejection Notice
   ======================================== */
.tutor-instructor-rejection-notice {
    background-color: rgba(255, 0, 60, 0.08) !important;
    border: 1px solid rgba(255, 0, 60, 0.3) !important;
    color: var(--color-accent-danger) !important;
}

/* ========================================
   Order Placement Pages
   ======================================== */
.tutor-order-placement-success,
.tutor-order-placement-failed {
    background-color: var(--color-bg-secondary) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    color: var(--color-text-primary) !important;
}

/* ========================================
   Misc Form Inputs (global catch-all)
   ======================================== */
.tutor-form-group input[type="text"],
.tutor-form-group input[type="email"],
.tutor-form-group input[type="password"],
.tutor-form-group input[type="number"],
.tutor-form-group input[type="tel"],
.tutor-form-group input[type="url"],
.tutor-form-group textarea {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.tutor-form-group input:focus,
.tutor-form-group textarea:focus {
    border-color: var(--color-accent-primary) !important;
    box-shadow: 0 0 0 2px rgba(0, 199, 212, 0.15) !important;
    outline: none !important;
}

/* ========================================
   Slider / Range Field
   ======================================== */
.tutor-field-type-slider {
    background-color: var(--color-bg-tertiary) !important;
}

.tutor-field-type-slider .ui-widget-content .ui-state-default {
    background-color: var(--color-accent-primary) !important;
    border-color: var(--color-accent-primary) !important;
}