/* LVL V1.26.0 — COURSE PALETTE SYNC
   Aligns course accents with the new internal visual kit.
   Keeps the UI quieter and makes each card read like the logo/cover itself.
*/

/* Global final-art surfaces */
[data-lvl-final-course-art="html"]{--lvl-final-accent:#7b5cff!important;--lvl-final-rgb:123,92,255!important}
[data-lvl-final-course-art="js-core"]{--lvl-final-accent:#ff9838!important;--lvl-final-rgb:255,152,56!important}
[data-lvl-final-course-art="js-advanced"]{--lvl-final-accent:#ff9838!important;--lvl-final-rgb:255,152,56!important}
[data-lvl-final-course-art="nl-basic"],
[data-lvl-final-course-art="nl-basic-pro"],
[data-lvl-final-course-art="nl-numbers"]{--lvl-final-accent:#2fa4ff!important;--lvl-final-rgb:47,164,255!important}
[data-lvl-final-course-art="fr-basic"],
[data-lvl-final-course-art="fr-basic-pro"],
[data-lvl-final-course-art="fr-numbers"]{--lvl-final-accent:#ff576d!important;--lvl-final-rgb:255,87,109!important}

/* Catalog premium tones */
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="html"]{--accent:#7b5cff!important;--accent-rgb:123,92,255!important}
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="js-core"]{--accent:#ff9838!important;--accent-rgb:255,152,56!important}
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="js-advanced"]{--accent:#ff9838!important;--accent-rgb:255,152,56!important}
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="nl"]{--accent:#2fa4ff!important;--accent-rgb:47,164,255!important}
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="fr"]{--accent:#ff576d!important;--accent-rgb:255,87,109!important}
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="numbers-nl"]{--accent:#2fa4ff!important;--accent-rgb:47,164,255!important}
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="numbers-fr"]{--accent:#ff576d!important;--accent-rgb:255,87,109!important}

/* Make row ambience match the identity better. */
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="html"]{
  background:
    radial-gradient(120% 160% at 8% 50%,rgba(123,92,255,.16),transparent 48%),
    linear-gradient(100deg,rgba(123,92,255,.08),rgba(10,14,24,.97) 47%,rgba(7,10,18,.99))!important;
}
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="js-core"],
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="js-advanced"]{
  background:
    radial-gradient(120% 160% at 8% 50%,rgba(255,152,56,.15),transparent 48%),
    linear-gradient(100deg,rgba(255,152,56,.075),rgba(10,14,24,.97) 47%,rgba(7,10,18,.99))!important;
}
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="nl"],
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="numbers-nl"]{
  background:
    radial-gradient(120% 160% at 8% 50%,rgba(47,164,255,.15),transparent 48%),
    linear-gradient(100deg,rgba(47,164,255,.07),rgba(10,14,24,.97) 47%,rgba(7,10,18,.99))!important;
}
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="fr"],
.lvl-catalog-premium-1225 .lvl-v-course-row[data-theme="numbers-fr"]{
  background:
    radial-gradient(120% 160% at 8% 50%,rgba(255,87,109,.14),transparent 48%),
    linear-gradient(100deg,rgba(255,87,109,.065),rgba(10,14,24,.97) 47%,rgba(7,10,18,.99))!important;
}

/* Quieter shadows so the artwork does the talking. */
.lvl-catalog-premium-1225 .lvl-v-course-row{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 6px 22px rgba(0,0,0,.16)!important;
}
.lvl-catalog-premium-1225 .lvl-v-course-thumb:after{
  box-shadow:0 0 0 12px rgba(var(--accent-rgb),.035),0 0 24px rgba(var(--accent-rgb),.12)!important;
}
.lvl-catalog-premium-1225 .lvl-v-course-logo-safe img{
  opacity:.92!important;
  filter:saturate(1.08) contrast(1.03) brightness(.9)!important;
}

/* Small pills and arrows stay tied to the course color. */
.lvl-catalog-premium-1225 .lvl-v-course-tail em,
.lvl-catalog-premium-1225 .lvl-v-list-main-action,
.lvl-catalog-premium-1225 .lvl-v-list-open{
  border-color:rgba(var(--accent-rgb),.30)!important;
}

/* Home / detail progress accents stay consistent too. */
#view-home #homeCourseGrid [data-lvl-final-course-art] .progress span,
#courseDetail[data-lvl-final-course-art] .progress span,
#courseDetail[data-lvl-final-course-art] .course-progress span,
[data-lvl-final-course-art] .lvl-v-mini-progress i{
  background:linear-gradient(90deg,var(--lvl-final-accent),rgba(var(--lvl-final-rgb),.62))!important;
}