/* LVL V1.25.9 — COURSE VISUAL KIT
   Strong artwork, quiet UI. Compact surfaces use transparent marks; large
   surfaces use dedicated horizontal covers without changing LVL behavior.
*/
[data-lvl-course-visual-kit="1259"]{
  --lvl-brand-primary-1259:#8f61ff;
  --lvl-brand-secondary-1259:#49a8ff;
  --lvl-brand-rgb-1259:143,97,255;
}

/* ---------- compact mark owner ---------- */
.lvl-course-brand-host-active-1259,
.lvl-course-brand-host-1259{
  position:relative!important;overflow:hidden!important;display:inline-grid!important;place-items:center!important;
  isolation:isolate!important;flex:0 0 auto!important;box-sizing:border-box!important;
  background:
    radial-gradient(circle at 48% 42%,rgba(var(--lvl-brand-rgb-1259),.11),transparent 67%),
    rgba(7,10,17,.48)!important;
  border:1px solid rgba(var(--lvl-brand-rgb-1259),.12)!important;
}
.lvl-course-brand-host-1259{
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  border-radius:10px!important;margin-right:9px!important;
}
.lvl-course-brand-host-active-1259>.lvl-course-brand-picture-1259,
.lvl-course-brand-host-1259>.lvl-course-brand-picture-1259{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;border:0!important;pointer-events:none!important;
}
.lvl-course-brand-picture-1259>img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;margin:0!important;padding:2px!important;border:0!important;
  filter:none!important;transform:none!important;opacity:1!important;visibility:visible!important;
}

/* Catalog list stays compact: dedicated mark in the left slot, not a cropped cover. */
#view-courses .lvl-v-course-row[data-lvl-course-visual-kit="1259"] .lvl-v-course-thumb.lvl-course-brand-host-active-1259,
#view-catalog .lvl-v-course-row[data-lvl-course-visual-kit="1259"] .lvl-v-course-thumb.lvl-course-brand-host-active-1259,
#view-course-catalog .lvl-v-course-row[data-lvl-course-visual-kit="1259"] .lvl-v-course-thumb.lvl-course-brand-host-active-1259{
  background:
    radial-gradient(circle at 50% 48%,rgba(var(--lvl-brand-rgb-1259),.14),transparent 64%),
    linear-gradient(145deg,rgba(var(--lvl-brand-rgb-1259),.055),rgba(7,10,17,.9))!important;
  background-image:none!important;
}
#view-courses .lvl-v-course-row[data-lvl-course-visual-kit="1259"],
#view-catalog .lvl-v-course-row[data-lvl-course-visual-kit="1259"],
#view-course-catalog .lvl-v-course-row[data-lvl-course-visual-kit="1259"]{
  border-color:rgba(var(--lvl-brand-rgb-1259),.22)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 10px 26px rgba(0,0,0,.12)!important;
}
[data-lvl-course-visual-kit="1259"] .lvl-v-mini-progress i,
[data-lvl-course-visual-kit="1259"] .progress span,
[data-lvl-course-visual-kit="1259"] .course-progress span{
  background:linear-gradient(90deg,var(--lvl-brand-primary-1259),var(--lvl-brand-secondary-1259))!important;
  box-shadow:0 0 10px rgba(var(--lvl-brand-rgb-1259),.24)!important;
}

/* Existing LVL compact identities (stats/review/admin/lesson) use the same mark cleanly. */
#view-stats #statsCoursePerformance .course-performance-icon.lvl-course-brand-host-active-1259,
.lesson-course-icon.lvl-course-brand-host-active-1259,
.lvl-course-logo-slot.lvl-course-brand-host-active-1259{
  background:rgba(7,10,17,.44)!important;
  border-color:rgba(var(--lvl-brand-rgb-1259),.12)!important;
}

/* ---------- dedicated horizontal cover layer ---------- */
.lvl-course-large-cover-1259{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  border-color:rgba(var(--lvl-brand-rgb-1259),.20)!important;
}
.lvl-course-large-cover-1259>.lvl-course-cover-layer-1259{
  position:absolute!important;z-index:0!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;pointer-events:none!important;user-select:none!important;
}
.lvl-course-large-cover-1259>.lvl-course-cover-layer-1259>img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:var(--lvl-cover-position-1259,left center)!important;
  filter:saturate(.92) contrast(1.02) brightness(.78)!important;
}
.lvl-course-large-cover-1259::after{
  content:"";position:absolute!important;z-index:0!important;inset:0!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(5,8,14,.35) 0%,rgba(5,8,14,.63) 46%,rgba(5,8,14,.95) 100%),
    linear-gradient(180deg,rgba(5,8,14,.05),rgba(5,8,14,.34))!important;
}
.lvl-course-large-cover-1259>:not(.lvl-course-cover-layer-1259){position:relative;z-index:1!important;}

/* Native LVL cover surfaces already owned by course-art-final.1229. 1259 only
   replaces the CSS variables, so the new cover enters without changing DOM logic. */
#view-home #homeCourseGrid [data-lvl-course-visual-kit="1259"] .course-cover{
  background-size:100% 100%,cover!important;
  background-position:center,left center!important;
}
#courseDetail[data-lvl-course-visual-kit="1259"] .course-detail-identity,
#courseDetail[data-lvl-course-visual-kit="1259"] .course-detail-cover,
#courseDetail[data-lvl-course-visual-kit="1259"] .course-identity-card,
#courseDetail[data-lvl-course-visual-kit="1259"] .course-profile-card,
#courseDetail[data-lvl-course-visual-kit="1259"] .course-hero-card,
#courseDetail[data-lvl-course-visual-kit="1259"] .course-detail-visual{
  background-position:center,left center!important;
  border-color:rgba(var(--lvl-brand-rgb-1259),.20)!important;
}

/* Prevent previous 1256 runtime class remnants from winning if a tab restores
   a persisted DOM node before reload. */
[data-lvl-course-visual-kit="1259"] .lvl-course-brand-bg-1256{display:none!important;}
[data-lvl-course-visual-kit="1259"].lvl-course-large-brand-1256::after{background:none!important;}

@media(max-width:760px){
  .lvl-course-brand-host-1259{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:9px!important;}
  .lvl-course-large-cover-1259::after{
    background:linear-gradient(90deg,rgba(5,8,14,.40) 0%,rgba(5,8,14,.71) 48%,rgba(5,8,14,.96) 100%)!important;
  }
}
@media(max-width:520px){
  .lvl-v-course-row .lvl-v-course-thumb.lvl-course-brand-host-active-1259{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    border-radius:12px!important;clip-path:none!important;
  }
  .lvl-v-course-row .lvl-v-course-thumb.lvl-course-brand-host-active-1259 .lvl-course-brand-picture-1259>img{padding:1px!important;}
  .lvl-course-large-cover-1259>.lvl-course-cover-layer-1259>img{object-position:left center!important;}
}
