/* LVL V1.23.0 — SINGLE COURSE IDENTITY
   ONE course identity per surface.
   No cover + duplicate mini-logo on the same card.
*/
[data-lvl-final-course-art]{
  --lvl-final-accent:#9557ff;
  --lvl-final-rgb:149,87,255;
}
[data-lvl-final-course-art="html"]{--lvl-final-accent:#9b5cff;--lvl-final-rgb:155,92,255}
[data-lvl-final-course-art="js-core"]{--lvl-final-accent:#38df92;--lvl-final-rgb:56,223,146}
[data-lvl-final-course-art="js-advanced"]{--lvl-final-accent:#9a52ff;--lvl-final-rgb:154,82,255}
[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:#2a9dff;--lvl-final-rgb:42,157,255}
[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:#ff4960;--lvl-final-rgb:255,73,96}

/* HOME
   The approved artwork is already the course identity.
   Remove the second mini logo and let the badge use that recovered space.
*/
#view-home #homeCourseGrid .course-card[data-lvl-final-course-art]{
  border-color:rgba(var(--lvl-final-rgb),.28)!important;
  background:linear-gradient(180deg,#0f151f,#0b1018)!important;
}
#view-home #homeCourseGrid [data-lvl-final-course-art] .course-cover{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#080d16!important;
  background-image:
    linear-gradient(180deg,rgba(3,6,12,.03),rgba(3,6,12,.44)),
    var(--lvl-final-course-cover)!important;
  background-size:100% 100%,cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#view-home #homeCourseGrid [data-lvl-final-course-art] .cover-pattern{display:none!important}
#view-home #homeCourseGrid [data-lvl-final-course-art] .course-cover>.course-icon,
#view-home #homeCourseGrid [data-lvl-final-course-art] .course-cover>.lvl-course-logo-slot{
  display:none!important;
}
#view-home #homeCourseGrid [data-lvl-final-course-art] .cover-badge{
  left:13px!important;right:auto!important;bottom:13px!important;top:auto!important;
  max-width:calc(100% - 26px)!important;
}
#view-home #homeCourseGrid [data-lvl-final-course-art] .progress span{
  background:linear-gradient(90deg,var(--lvl-final-accent),rgba(var(--lvl-final-rgb),.62))!important;
}

/* CATALOG LIST
   The left artwork already contains the identity. Do NOT overlay a second copy.
*/
#view-courses .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb,
#view-catalog .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb,
#view-course-catalog .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb{
  position:relative!important;
  overflow:hidden!important;
  background-color:#080d16!important;
  background-image:
    linear-gradient(90deg,rgba(4,7,13,.02),rgba(4,7,13,.16)),
    var(--lvl-final-course-cover)!important;
  background-size:100% 100%,100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#view-courses .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb>.lvl-v-course-logo-safe,
#view-catalog .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb>.lvl-v-course-logo-safe,
#view-course-catalog .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb>.lvl-v-course-logo-safe,
#view-courses .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb>.lvl-course-logo-slot,
#view-catalog .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb>.lvl-course-logo-slot,
#view-course-catalog .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb>.lvl-course-logo-slot{
  display:none!important;
}
#view-courses .lvl-v-course-row[data-lvl-final-course-art],
#view-catalog .lvl-v-course-row[data-lvl-final-course-art],
#view-course-catalog .lvl-v-course-row[data-lvl-final-course-art]{
  border-color:rgba(var(--lvl-final-rgb),.28)!important;
}
[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;
}

/* FEATURED catalog cards: same rule, one identity only when a cover is present. */
#view-courses .lvl-v-featured-card[data-lvl-final-course-art] .course-cover>.course-icon,
#view-catalog .lvl-v-featured-card[data-lvl-final-course-art] .course-cover>.course-icon,
#view-course-catalog .lvl-v-featured-card[data-lvl-final-course-art] .course-cover>.course-icon,
#view-courses .lvl-v-featured-card[data-lvl-final-course-art] .course-cover>.lvl-v-course-logo-safe,
#view-catalog .lvl-v-featured-card[data-lvl-final-course-art] .course-cover>.lvl-v-course-logo-safe,
#view-course-catalog .lvl-v-featured-card[data-lvl-final-course-art] .course-cover>.lvl-v-course-logo-safe{
  display:none!important;
}

/* COURSE DETAIL
   If a hero/identity block uses the approved cover, do not draw an additional
   course logo inside that same visual block.
*/
#courseDetail[data-lvl-final-course-art] .course-detail-identity,
#courseDetail[data-lvl-final-course-art] .course-detail-cover,
#courseDetail[data-lvl-final-course-art] .course-identity-card,
#courseDetail[data-lvl-final-course-art] .course-profile-card,
#courseDetail[data-lvl-final-course-art] .course-hero-card,
#courseDetail[data-lvl-final-course-art] .course-detail-visual{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border-color:rgba(var(--lvl-final-rgb),.25)!important;
  background-color:#0b1018!important;
  background-image:
    linear-gradient(90deg,rgba(7,10,17,.93),rgba(7,10,17,.76) 58%,rgba(7,10,17,.82)),
    var(--lvl-final-course-cover)!important;
  background-size:100% 100%,cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#courseDetail[data-lvl-final-course-art] .course-detail-identity>.course-icon,
#courseDetail[data-lvl-final-course-art] .course-detail-identity>.lvl-course-logo-slot,
#courseDetail[data-lvl-final-course-art] .course-detail-cover>.course-icon,
#courseDetail[data-lvl-final-course-art] .course-detail-cover>.lvl-course-logo-slot,
#courseDetail[data-lvl-final-course-art] .course-hero-card>.course-icon,
#courseDetail[data-lvl-final-course-art] .course-hero-card>.lvl-course-logo-slot{
  display:none!important;
}
#courseDetail[data-lvl-final-course-art] .progress span,
#courseDetail[data-lvl-final-course-art] .course-progress span{
  background:linear-gradient(90deg,var(--lvl-final-accent),rgba(var(--lvl-final-rgb),.62))!important;
}

/* COMPACT SURFACES
   Review, Statistics, Access, Admin and lesson identities DO NOT use a cover:
   they show the one canonical icon supplied by the native Course Identity owner.
*/
[data-lvl-course-identity] .lvl-course-logo-img-1199ao,
.lvl-course-logo-slot .lvl-course-logo-img-1199ao,
.course-icon .lvl-course-logo-img-1199ao,
.mini-course-icon .lvl-course-logo-img-1199ao{
  object-fit:cover!important;
}
.lvl-course-logo-image-ready-1199ao .lvl-course-logo-fallback{
  opacity:0!important;visibility:hidden!important;
}

/* Apple/iOS — keep the previous Safari achievements protection. */
html.lvl-ios-1229 .lvl-achievements-1199ah .lvl-ach-medal,
html.lvl-ios-1229 .lvl-achievements-1199ah .lvl-ach-medal-core svg{
  filter:none!important;
}
html.lvl-ios-1229 .lvl-achievements-1199ah .lvl-ach-hero,
html.lvl-ios-1229 .lvl-achievements-1199ah .lvl-ach-path,
html.lvl-ios-1229 .lvl-achievements-1199ah .lvl-ach-card,
html.lvl-ios-1229 .lvl-achievements-1199ah .lvl-ach-renew{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html.lvl-ios-1229 .lvl-ach-sort-portal-1199ah{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

@media(max-width:620px){
  #view-home #homeCourseGrid [data-lvl-final-course-art] .cover-badge{
    left:11px!important;bottom:11px!important;
    max-width:calc(100% - 22px)!important;
  }
}