/* Dark-theme reskin for Tutor LMS frontend (single course, course archive, dashboard,
   lesson/learning area, login/registration). Enqueued only on Tutor-related views —
   see kiyugraphix_tutor_dark_theme() in functions.php. Re-colors Tutor's own markup
   and CSS variables rather than overriding its templates, so plugin updates / JS
   behaviour (enrollment, wishlist, progress tracking, quizzes) stay untouched. */

:root{
  --tutor-color-primary: #63E600;
  --tutor-color-primary-30: rgba(99,230,0,.3);
  --tutor-border-color: rgba(166,238,21,.16);
  --tutor-color-black: #F8FAF3;
}

body.tutor-dark-mode,
body.single-courses,
body.post-type-archive-courses,
body.tutor-dashboard-page,
body.tutor-dark-mode .tutor-wrap{
  background: #070A12 !important;
}

.tutor-course-details-page,
.tutor-course-details-page *,
.tutor-dashboard,
.tutor-dashboard *,
.tutor-wrap,
.tutor-wrap *{
  --tutor-color-white: #0C101B;
}

.tutor-course-details-page,
.tutor-dashboard-content,
.tutor-wrap{
  background: transparent !important;
  color: #F8FAF3;
}

.tutor-course-details-page h1,
.tutor-course-details-page h2,
.tutor-course-details-page h3,
.tutor-course-details-page h4,
.tutor-course-details-page h5,
.tutor-dashboard h1,
.tutor-dashboard h2,
.tutor-dashboard h3,
.tutor-dashboard h4,
.tutor-color-black,
.tutor-fs-6.tutor-fw-medium.tutor-color-black{
  color: #F8FAF3 !important;
}

.tutor-course-details-page p,
.tutor-course-details-page li,
.tutor-color-secondary,
.tutor-color-muted,
.tutor-color-subdued,
.tutor-color-hints{
  color: #AAB2A3 !important;
}

/* Cards, sidebar pricing box, tabs, dashboard panels — dark glass surfaces */
.tutor-card,
.tutor-card-body,
.tutor-single-course-sidebar .tutor-card,
.tutor-single-course-sidebar-more,
.tutor-single-course-sidebar-more > div,
.tutor-dashboard-menu,
.tutor-dashboard-left-menu,
.tutor-course-details-tab,
.tutor-table,
.tutor-form-control,
.tutor-form-select,
input.tutor-form-control,
textarea.tutor-form-control{
  background-color: #0C101B !important;
  border-color: rgba(166,238,21,.16) !important;
  color: #F8FAF3 !important;
}

.tutor-table thead th,
.tutor-table td,
.tutor-table th{
  border-color: rgba(166,238,21,.1) !important;
  color: #F8FAF3;
}

/* Tabs */
.tutor-tab-item > a,
.tutor-tab-item > span{
  color: #AAB2A3 !important;
}
.tutor-tab-item.is-active > a,
.tutor-tab-item.is-active > span{
  color: #63E600 !important;
  border-color: #63E600 !important;
}

/* Buttons */
.tutor-btn-primary{
  background-color: #63E600 !important;
  border-color: #63E600 !important;
  color: #05170A !important;
}
.tutor-btn-primary:hover{
  background-color: #7CF52A !important;
  border-color: #7CF52A !important;
}
.tutor-btn-outline-primary{
  color: #63E600 !important;
  border-color: #63E600 !important;
  background: transparent !important;
}
.tutor-btn-secondary,
.tutor-btn-outline-secondary{
  background-color: #0C101B !important;
  border-color: rgba(166,238,21,.16) !important;
  color: #F8FAF3 !important;
}

/* Dashboard left-nav menu items */
.tutor-dashboard-menu-item > a{
  color: #AAB2A3 !important;
}
.tutor-dashboard-menu-item.active > a,
.tutor-dashboard-menu-item > a:hover{
  color: #63E600 !important;
  background-color: rgba(99,230,0,.08) !important;
}
.tutor-dashboard-menu-divider{
  background-color: rgba(166,238,21,.16) !important;
}

/* Course content / curriculum accordion (topics + lessons list) */
.tutor-accordion-item,
.tutor-accordion-item-header,
.tutor-accordion-item-body,
.tutor-accordion-item-body-content{
  background-color: #0C101B !important;
  border-color: rgba(166,238,21,.16) !important;
  color: #F8FAF3 !important;
}
.tutor-accordion-item-header.is-active{
  background-color: rgba(99,230,0,.06) !important;
}
.tutor-course-content-list-item-title,
.tutor-course-content-title{
  color: #F8FAF3 !important;
}
.tutor-course-content-list-item-duration,
.tutor-course-content-list-item-status{
  color: #AAB2A3 !important;
}
.tutor-course-content-list-item{
  background-color: transparent !important;
  border-color: rgba(166,238,21,.1) !important;
}
.tutor-course-content-list-item:hover{
  background-color: rgba(99,230,0,.06) !important;
}

/* Lesson player / "Learning Area" (video + sidebar curriculum while taking a course) */
.tutor-learning-page,
.tutor-learning-area,
.tutor-learning-area-body,
.tutor-learning-header,
.tutor-learning-sidebar{
  background-color: #070A12 !important;
  color: #F8FAF3;
}
.tutor-learning-header{
  border-color: rgba(166,238,21,.16) !important;
}
.tutor-learning-header-title{
  color: #F8FAF3 !important;
}
.tutor-learning-sidebar{
  border-color: rgba(166,238,21,.16) !important;
}
.tutor-learning-sidebar [class*="active"],
.tutor-learning-sidebar li:hover{
  background-color: rgba(99,230,0,.08) !important;
}
.tutor-learning-header-inner,
.tutor-learning-sidebar-curriculum,
.tutor-learning-sidebar-pages,
.tutor-popover,
.tutor-expand-btn{
  background-color: #070A12 !important;
  color: #F8FAF3 !important;
  border-color: rgba(166,238,21,.16) !important;
}
.tutor-learning-nav-item{
  color: #AAB2A3 !important;
}
.tutor-learning-nav-topic{
  color: #F8FAF3 !important;
}
.tutor-lesson-content-tab,
.tutor-learning-area-content{
  background-color: #070A12 !important;
  color: #F8FAF3 !important;
  border-color: rgba(166,238,21,.16) !important;
}
.tutor-learning-nav-header-title{
  color: #F8FAF3 !important;
}
.tutor-learning-area-footer{
  background-color: #0C101B !important;
  border-color: rgba(166,238,21,.16) !important;
}
.tutor-mark-as-complete-button{
  background-color: rgba(99,230,0,.14) !important;
  color: #63E600 !important;
}
.tutor-progress-bar{
  background-color: rgba(166,238,21,.12) !important;
}
.tutor-progress-bar-fill{
  background-color: #63E600 !important;
}

/* Course archive / loop cards */
.tutor-course-list-item,
.tutor-card.course-list-card,
.tutor-course-list-card{
  background-color: #0C101B !important;
  border-color: rgba(166,238,21,.16) !important;
}

/* Login / registration forms rendered through Tutor templates */
.tutor-login-wrap,
.tutor-frontend-dashboard-login,
.tutor-form-wrap{
  background-color: #0C101B !important;
  color: #F8FAF3 !important;
}

/* Keep price/strikethrough and rating stars legible */
.tutor-color-warning{ color: #FFC94A !important; }
.tutor-color-success{ color: #63E600 !important; }
.tutor-color-danger{ color: #FF6B6B !important; }

/* ==========================================================================
   Tutor 4.x design tokens -> KiyuGraphix dark + lime.
   Tutor 4 styles the dashboard, learning area and tour from --tutor-* tokens
   defined on :root / [data-tutor-theme=*] (default brand = blue #3e64de).
   `html:root` / `html [data-tutor-theme]` out-rank those selectors, so every
   Tutor surface (light or dark token set) resolves to the site palette.
   ========================================================================== */
html:root,
html [data-tutor-theme],
html [data-tutor-theme=light],
html [data-tutor-theme=dark],
html [data-tutor-theme=system]{
  /* legacy (Tutor 2/3 classes still used on course + archive templates) */
  --tutor-body-color:#F8FAF3;
  --tutor-body-color-rgb:248,250,243;
  --tutor-color-primary:#63E600;
  --tutor-color-primary-rgb:99,230,0;
  --tutor-color-primary-hover:#7CF52A;
  --tutor-color-primary-hover-rgb:124,245,42;
  --tutor-color-secondary:#D3D9CC;
  --tutor-color-subdued:#AAB2A3;
  --tutor-color-hints:#AAB2A3;
  --tutor-color-muted:#AAB2A3;
  --tutor-color-gray:rgba(166,238,21,.16);
  --tutor-color-gray-10:#121828;
  --tutor-color-success:#63E600;
  --tutor-color-warning:#FFC94A;

  /* brand scale (lime) */
  --tutor-brand-100:#0E1A08;
  --tutor-brand-200:#132611;
  --tutor-brand-300:#1B3A10;
  --tutor-brand-400:#9BF25A;
  --tutor-brand-450:#86EC3A;
  --tutor-brand-500:#63E600;
  --tutor-brand-600:#63E600;
  --tutor-brand-700:#7CF52A;
  --tutor-brand-800:#4FB800;
  --tutor-brand-900:#2F6E00;
  --tutor-brand-950:#122A04;

  /* surfaces */
  --tutor-surface-base:#070A12;
  --tutor-surface-l1:#0C101B;
  --tutor-surface-l1-hover:#121828;
  --tutor-surface-l2:#121828;
  --tutor-surface-l2-hover:#182033;
  --tutor-surface-l3:#101624;
  --tutor-surface-sidebar-l1:#0A0E18;
  --tutor-surface-dark:#1B2233;
  --tutor-surface-brand-dark:#122A04;
  --tutor-surface-brand-primary:#63E600;
  --tutor-surface-brand-primary-2:#4FB800;
  --tutor-surface-brand-secondary:rgba(99,230,0,.12);
  --tutor-surface-brand-tertiary:rgba(99,230,0,.08);
  --tutor-surface-brand-quaternary:rgba(99,230,0,.16);
  --tutor-surface-exception7:#2F6E00;
  --tutor-surface-warning:#1E1A0E;
  --tutor-surface-success:#0E2208;
  --tutor-surface-critical:#2A0E0E;

  /* text */
  --tutor-text-primary:#F8FAF3;
  --tutor-text-primary-inverse:#05170A;
  --tutor-text-secondary:#D3D9CC;
  --tutor-text-subdued:#AAB2A3;
  --tutor-text-disabled:#5D6570;
  --tutor-text-brand:#63E600;
  --tutor-text-brand-hover:#7CF52A;
  --tutor-text-brand-secondary:#9BF25A;
  --tutor-text-light:#F8FAF3;
  --tutor-text-success:#63E600;
  --tutor-text-exception1:#DDF31A;
  --tutor-text-highlighted-hover:#D3D9CC;

  /* icons */
  --tutor-icon-idle:#D3D9CC;
  --tutor-icon-idle-inverse:#05170A;
  --tutor-icon-hover:#F8FAF3;
  --tutor-icon-secondary:#AAB2A3;
  --tutor-icon-subdued:#7C8577;
  --tutor-icon-disabled:#5D6570;
  --tutor-icon-brand:#63E600;
  --tutor-icon-brand-hover:#7CF52A;
  --tutor-icon-brand-secondary:#1B3A10;
  --tutor-icon-exception1:#DDF31A;
  --tutor-icon-success-primary:#63E600;
  --tutor-icon-success-secondary:#63E600;

  /* buttons */
  --tutor-button-primary:#63E600;
  --tutor-button-primary-hover:#7CF52A;
  --tutor-button-primary-focused:#63E600;
  --tutor-button-primary-disabled:#2F6E00;
  --tutor-button-primary-soft:rgba(99,230,0,.14);
  --tutor-button-primary-soft-hover:rgba(99,230,0,.22);
  --tutor-button-primary-soft-focused:rgba(99,230,0,.14);
  --tutor-button-secondary:#182033;
  --tutor-button-secondary-hover:#222B40;
  --tutor-button-secondary-focused:#182033;
  --tutor-button-disabled:#182033;
  --tutor-button-outline-inverse:#0C101B;
  --tutor-button-outline-hover:#182033;
  --tutor-button-outline-focused-inverse:#070A12;
  --tutor-button-ghost-hover:#182033;
  --tutor-button-success:#63E600;
  --tutor-button-success-hover:#7CF52A;

  /* borders */
  --tutor-border-idle:rgba(166,238,21,.12);
  --tutor-border-idle2:rgba(166,238,21,.16);
  --tutor-border-hover:rgba(166,238,21,.32);
  --tutor-border-tertiary:rgba(166,238,21,.28);
  --tutor-border-inverse:rgba(166,238,21,.16);
  --tutor-border-dark:rgba(166,238,21,.16);
  --tutor-border-brand:#63E600;
  --tutor-border-brand-secondary:rgba(99,230,0,.3);
  --tutor-border-brand-tertiary:#4FB800;
  --tutor-border-success:#4FB800;

  /* tabs / sidebar items */
  --tutor-tab-sidebar-l2:#F8FAF3;
  --tutor-tab-sidebar-l2-hover:#121828;
  --tutor-tab-sidebar-l2-active:rgba(99,230,0,.1);
  --tutor-tab-sidebar-l4-hover:#121828;
  --tutor-tab-sidebar-l4-active:rgba(99,230,0,.1);
  --tutor-tab-l3:#121828;
  --tutor-tab-l3-hover:#182033;
  --tutor-tab-l3-active:rgba(99,230,0,.12);
  --tutor-tab-l3-active-hover:rgba(99,230,0,.16);

  /* actions / data-vis */
  --tutor-actions-brand-primary:#63E600;
  --tutor-actions-brand-secondary:#122A04;
  --tutor-actions-brand-tertiary:#132611;
  --tutor-actions-gray-empty:#121828;
  --tutor-actions-gray-secondary:#121828;
  --tutor-actions-gray-tertiary:#0C101B;
  --tutor-actions-gray-quaternary:#0A0E18;
  --tutor-actions-success-primary:#63E600;
  --tutor-actions-success-tertiary:#132611;
  --tutor-actions-success-exception:#132611;
  --tutor-quiz-idle:#121828;
  --tutor-quiz-hover:#182033;
  --tutor-visual-gray-1:#0C101B;
  --tutor-visual-gray-2:#182033;
  --tutor-visual-gray-3:#2A3346;
  --tutor-visual-brand-1:#63E600;
  --tutor-visual-brand-2:#4FB800;
  --tutor-visual-brand-3:#2F6E00;
  --tutor-visual-success-1:#63E600;
  --tutor-visual-success-2:#63E600;
}

/* Destructive buttons keep white text (primary-inverse is now dark for lime buttons) */
.tutor-btn-destructive,
.tutor-btn-destructive svg:not([class]){ color:#fff !important; }

/* Primary buttons: dark label on lime everywhere (incl. nested spans/icons) */
.tutor-btn-primary,
.tutor-btn-primary span,
.tutor-btn-primary svg{ color:#05170A !important; }

/* ---------- Single course page ---------- */
.tutor-course-details-title,
.tutor-course-details-title span{ color:#F8FAF3 !important; }
.tutor-course-details-page a[href*="course-category"],
.tutor-course-details-page .tutor-meta a{ color:#63E600 !important; }
.tutor-course-details-page a[href*="course-category"]:hover{ color:#7CF52A !important; text-decoration:underline; }
.tutor-course-details-tab .tutor-is-sticky{
  background:rgba(7,10,18,.88) !important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(166,238,21,.16);
}
.tutor-course-details-tab .tutor-nav-link{ color:#AAB2A3 !important; }
.tutor-course-details-tab .tutor-nav-link:hover{ color:#F8FAF3 !important; }
.tutor-course-details-tab .tutor-nav-link.is-active{ color:#63E600 !important; border-bottom-color:#63E600 !important; }
.tutor-course-details-page .tutor-btn-ghost{ color:#AAB2A3 !important; }
.tutor-course-details-page .tutor-btn-ghost:hover{ color:#63E600 !important; }
.tutor-avatar{ background:#63E600 !important; border-color:rgba(166,238,21,.3) !important; }
.tutor-avatar-text{ background:#63E600 !important; color:#05170A !important; font-weight:800 !important; }

/* ---------- Course archive / category cards ---------- */
.course-archive-page{ padding-top:40px !important; padding-bottom:72px !important; }
.tutor-course-name a,
.tutor-course-card .tutor-course-name a{ color:#F8FAF3 !important; transition:color .15s ease; }
.tutor-course-name a:hover{ color:#63E600 !important; }
.tutor-course-card .tutor-meta,
.tutor-course-card .tutor-meta-value,
.tutor-course-card .tutor-meta > div{ color:#AAB2A3 !important; }
.tutor-course-card .tutor-meta a{ color:#63E600 !important; }
.tutor-course-card{ transition:border-color .2s ease, transform .2s ease; }
.tutor-course-card:hover{ border-color:rgba(99,230,0,.4) !important; }

/* ---------- Learning area (lesson pages) ---------- */
.tutor-learning-progress-text,
.tutor-learning-progress-text span{ color:#F8FAF3 !important; }
.tutor-lesson-wrapper,
.tutor-lesson-wrapper p,
.tutor-lesson-wrapper li{ color:#D3D9CC !important; }
.tutor-lesson-wrapper a{ color:#63E600 !important; }

/* ---------- Student dashboard ---------- */
.tutor-dashboard-sidebar-logo .tutor-brand-logo{
  display:block;
  width:150px;
  height:34px;
  background:url("../img/kiyugraphix-logo-v3-white.svg") left center / contain no-repeat;
}
.tutor-dashboard-sidebar-logo .tutor-brand-logo > *{
  position:absolute !important; width:1px !important; height:1px !important;
  overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important;
}
/* Replace Tutor's blue placeholder cover only — a student's uploaded cover is left alone */
[style*="images/cover-photo.webp"]{
  background-image:
    radial-gradient(circle at 18% 30%, rgba(99,230,0,.35), transparent 45%),
    radial-gradient(circle at 82% 70%, rgba(221,243,26,.22), transparent 42%),
    linear-gradient(135deg, #0E1A08 0%, #121828 55%, #0C101B 100%) !important;
  background-size:cover !important;
}

/* Onboarding tour dots */
.tutor-tour-dot.is-active{ background:#63E600 !important; }

@media (prefers-reduced-motion: reduce){
  .tutor-course-card, .tutor-course-name a{ transition:none !important; }
}

/* Dashboard: lime avatars need a dark label; card/logo links must not fall back to UA blue */
.tutor-avatar-initials{ color:#05170A !important; font-weight:700; }
a.tutor-stat-card,
.tutor-dashboard-sidebar-logo{ color:#F8FAF3 !important; }