/* LVL 1.30.7C — small=logo, large=cover. Loaded last. */

/* HOME / large cards: keep the horizontal cover and restore the small official logo. */
#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:grid!important;place-items:center!important;position:absolute!important;z-index:4!important;
  top:12px!important;left:12px!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
  padding:0!important;margin:0!important;border-radius:17px!important;overflow:hidden!important;
  background:rgba(5,8,17,.82)!important;border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
#view-home #homeCourseGrid [data-lvl-final-course-art] .course-cover>.course-icon img,
#view-home #homeCourseGrid [data-lvl-final-course-art] .course-cover>.lvl-course-logo-slot img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
}
#view-home #homeCourseGrid [data-lvl-final-course-art] .cover-badge{
  left:12px!important;bottom:10px!important;top:auto!important;right:auto!important;
}

/* Catalog compact rows are compact surfaces: logo only, not a second miniature cover. */
#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{
  background:rgba(7,10,18,.78)!important;background-image:none!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
#view-courses .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb>img.lvl-course-brand-img-1307c,
#view-catalog .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb>img.lvl-course-brand-img-1307c,
#view-course-catalog .lvl-v-course-row[data-lvl-final-course-art] .lvl-v-course-thumb>img.lvl-course-brand-img-1307c{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
}

/* Large catalog cards keep cover + one small official logo. */
#view-courses .lvl-v-featured-card[data-lvl-final-course-art],
#view-catalog .lvl-v-featured-card[data-lvl-final-course-art],
#view-course-catalog .lvl-v-featured-card[data-lvl-final-course-art]{position:relative!important;}
#view-courses .lvl-v-featured-card[data-lvl-final-course-art]>.lvl-course-brand-host-1256,
#view-catalog .lvl-v-featured-card[data-lvl-final-course-art]>.lvl-course-brand-host-1256,
#view-course-catalog .lvl-v-featured-card[data-lvl-final-course-art]>.lvl-course-brand-host-1256{
  display:grid!important;position:absolute!important;z-index:5!important;top:12px!important;left:12px!important;
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;margin:0!important;
  border-radius:17px!important;background:rgba(5,8,17,.82)!important;border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}

/* Detail: cover remains the main art. If the owner creates a logo host, keep it compact. */
#courseDetail[data-lvl-final-course-art]>.lvl-course-brand-host-1256,
#courseDetail [data-lvl-final-course-art]>.lvl-course-brand-host-1256{
  width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;border-radius:18px!important;
}

/* Compact ecosystem: Statistics, Review, Access, Studio, lesson identity. */
.course-performance-row .lvl-course-brand-img-1307c,
.access-course-row .lvl-course-brand-img-1307c,
.preview-course-row .lvl-course-brand-img-1307c,
.studio-course-row .lvl-course-brand-img-1307c,
.studio-course-card .lvl-course-brand-img-1307c,
.course-summary-row .lvl-course-brand-img-1307c,
.lesson-course-identity .lvl-course-brand-img-1307c{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
}

/* Color family for the new art. */
[data-lvl-final-course-art="marketing"]{--lvl-final-accent:#9d5cff;--lvl-final-rgb:157,92,255}
[data-lvl-final-course-art="html"]{--lvl-final-accent:#8d58ff;--lvl-final-rgb:141,88,255}
[data-lvl-final-course-art="js-core"]{--lvl-final-accent:#ffbd3c;--lvl-final-rgb:255,189,60}
[data-lvl-final-course-art="js-advanced"]{--lvl-final-accent:#ff7937;--lvl-final-rgb:255,121,55}
[data-lvl-final-course-art="nl-basic"],
[data-lvl-final-course-art="nl-basic-pro"]{--lvl-final-accent:#55aaff;--lvl-final-rgb:85,170,255}
[data-lvl-final-course-art="nl-numbers"]{--lvl-final-accent:#aa67ff;--lvl-final-rgb:170,103,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:#77b9ff;--lvl-final-rgb:119,185,255}

@media(max-width:620px){
  #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{
    top:10px!important;left:10px!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:15px!important;
  }
  #view-courses .lvl-v-featured-card[data-lvl-final-course-art]>.lvl-course-brand-host-1256,
  #view-catalog .lvl-v-featured-card[data-lvl-final-course-art]>.lvl-course-brand-host-1256,
  #view-course-catalog .lvl-v-featured-card[data-lvl-final-course-art]>.lvl-course-brand-host-1256{
    top:10px!important;left:10px!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:15px!important;
  }
}