/* XERICORE premium courses listing (additive override, loaded last) */
:root{--xc-bg:#070b11;--xc-panel:#0a1018;--xc-line:rgba(255,255,255,.08);--xc-text:#e6edf3;--xc-soft:#b4bfcc;--xc-muted:#8b98a8;--xc-acc:var(--accent,#00d4ff);--xc-font:var(--font-body,'Inter',system-ui,sans-serif)}

/* ---------- PAGE HEADER ---------- */
html body .page-hero{background:var(--xc-bg)!important;border-bottom:1px solid var(--xc-line)!important;box-shadow:none!important;padding-top:calc(var(--navbar-h,70px) + 2.2rem)!important;padding-bottom:2.2rem!important}
html body .page-hero::before,html body .page-hero::after{display:none!important}
html body .page-hero .page-title{font-family:var(--xc-font)!important;font-size:clamp(1.9rem,3.2vw,2.6rem)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.15!important;color:#fff!important;text-shadow:none!important;filter:none!important;margin-bottom:.6rem!important}
html body .page-hero .page-title .accent{color:var(--xc-acc)!important;text-shadow:none!important;font-family:inherit!important;font-weight:inherit!important;background:none!important;-webkit-text-fill-color:var(--xc-acc)!important}
html body .page-hero .page-subtitle{font-family:var(--xc-font)!important;font-size:1rem!important;color:var(--xc-soft)!important;letter-spacing:0!important}

/* ---------- FILTER BOX ---------- */
html body .courses-layout .sidebar{background:var(--xc-panel)!important;border:1px solid var(--xc-line)!important;border-radius:10px!important;box-shadow:none!important}
html body .cat-chips>*{background:rgba(255,255,255,.04)!important;border:1px solid var(--xc-line)!important;border-radius:999px!important;color:var(--xc-soft)!important;font-family:var(--xc-font)!important;font-size:.82rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}
html body .cat-chips>*:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
html body .cat-chips>.active,html body .cat-chips>.is-active,html body .cat-chips>.is-on,html body .cat-chips>.on,html body .cat-chips>[aria-pressed="true"],html body .cat-chips>[aria-selected="true"]{background:var(--xc-acc)!important;border-color:var(--xc-acc)!important;color:#04121a!important;font-weight:600!important}

html body #courseSearch,html body .search-box .input{background:#070b11!important;border:1px solid var(--xc-line)!important;border-radius:8px!important;color:var(--xc-text)!important;font-family:var(--xc-font)!important;font-size:.9rem!important;letter-spacing:0!important;box-shadow:none!important}
html body #courseSearch::placeholder{font-family:var(--xc-font)!important;color:var(--xc-muted)!important;letter-spacing:0!important}
html body #courseSearch:focus{border-color:rgba(255,255,255,.28)!important;box-shadow:none!important;outline:none!important}
html body .search-icon{color:var(--xc-muted)!important}

html body .sb-dd summary{background:#070b11!important;border:1px solid var(--xc-line)!important;border-radius:8px!important;color:var(--xc-soft)!important;font-family:var(--xc-font)!important;font-size:.9rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
html body .sb-dd summary:hover,html body .sb-dd[open] summary{border-color:rgba(255,255,255,.22)!important;color:#fff!important}
html body .sb-dd .sb-panel{background:var(--xc-panel)!important;border:1px solid var(--xc-line)!important;border-radius:8px!important;box-shadow:0 16px 40px rgba(0,0,0,.5)!important}
html body .sb-dd .filter-label{font-family:var(--xc-font)!important;font-size:.88rem!important;color:var(--xc-soft)!important;letter-spacing:0!important}
html body .sb-dd .filter-label:hover{color:#fff!important}
html body .sb-dd input[type="checkbox"]{accent-color:var(--xc-acc)}

html body .sb-controls .btn-outline{background:none!important;border:1px solid var(--xc-line)!important;border-radius:8px!important;color:var(--xc-soft)!important;font-family:var(--xc-font)!important;font-size:.88rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;text-shadow:none!important}
html body .sb-controls .btn-outline:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}

/* ---------- RESULTS BAR ---------- */
html body .results-count,html body .results-count *{font-family:var(--xc-font)!important;font-size:.85rem!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;box-shadow:none!important}
html body .results-count{background:none!important;border:1px solid var(--xc-line)!important;color:var(--xc-soft)!important}
html body .results-count b,html body .results-count strong,html body .results-count>span:first-child{color:#fff!important;font-weight:600!important}
html body .price-seg{background:var(--xc-panel)!important;border:1px solid var(--xc-line)!important;border-radius:8px!important;box-shadow:none!important}
html body .sort-label{font-family:var(--xc-font)!important;color:var(--xc-muted)!important;letter-spacing:0!important;text-transform:none!important}
html body #sortSelect{background:#070b11!important;border:1px solid var(--xc-line)!important;border-radius:8px!important;color:var(--xc-soft)!important;font-family:var(--xc-font)!important;box-shadow:none!important}

/* ---------- COURSE CARDS (frame only, first pass) ---------- */
html body .course-card{background:var(--xc-panel)!important;border:1px solid var(--xc-line)!important;border-radius:10px!important;box-shadow:none!important;transition:border-color .18s ease,transform .18s ease!important}
html body .course-card:hover{border-color:rgba(255,255,255,.2)!important;box-shadow:none!important;transform:translateY(-2px)!important}
html body .course-card .course-title{font-family:var(--xc-font)!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:#fff!important;text-shadow:none!important}
html body .course-card:hover .course-title{color:var(--xc-acc)!important}

/* ---------- COURSE CARDS: interiors ---------- */
html body .course-card{overflow:hidden!important}

/* badges on thumbnail (PRO / FREE / SOON) */
html body .course-card .course-thumb [class*="badge"]{background:rgba(7,11,17,.88)!important;border:1px solid var(--xc-line)!important;border-radius:6px!important;box-shadow:none!important;text-shadow:none!important;font-family:var(--xc-font)!important;font-size:.68rem!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#e5c26a!important;animation:none!important}
html body .course-card .course-thumb [class*="badge"] *{text-shadow:none!important;filter:none!important;font-family:inherit!important}

/* body + meta */
html body .course-card .course-body{padding:1.1rem 1.2rem 1.2rem!important}
html body .course-card .course-meta{font-family:var(--xc-font)!important;font-size:.78rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--xc-muted)!important;gap:.9rem!important}
html body .course-card .course-meta>*{font-family:var(--xc-font)!important;font-size:.78rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--xc-muted)!important;text-shadow:none!important;box-shadow:none!important}
html body .course-card .course-meta svg{color:var(--xc-muted)!important}
html body .course-card .course-title{font-size:1.02rem!important;line-height:1.35!important;margin:.5rem 0 .4rem!important}
html body .course-card .course-desc{font-family:var(--xc-font)!important;font-size:.88rem!important;line-height:1.6!important;color:var(--xc-soft)!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}

/* progress */
html body .course-card [class*="progress"]{box-shadow:none!important;font-family:var(--xc-font)!important}
html body .course-card [class*="progress"] [class*="fill"],html body .course-card [class*="progress-bar"]>div{background:var(--xc-acc)!important;box-shadow:none!important}

/* footer / action buttons */
html body .course-card .course-footer{border-top:1px solid var(--xc-line)!important;padding-top:.9rem!important;margin-top:.9rem!important}
html body .course-card .course-action-btn{background:none!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:6px!important;color:var(--xc-soft)!important;box-shadow:none!important;text-shadow:none!important;font-family:var(--xc-font)!important;font-size:.85rem!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;animation:none!important;transform:none!important;filter:none!important}
html body .course-card .course-action-btn:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
html body .course-card .course-action-btn--start,html body .course-card:hover .course-action-btn--start{background:var(--xc-acc)!important;border-color:var(--xc-acc)!important;color:#04121a!important}
html body .course-card .course-action-btn--start:hover{filter:brightness(1.08)!important}
html body .course-card .course-action-btn *{font-family:inherit!important;text-shadow:none!important}

/* ---------- COURSE CARDS: refinement (exact classes) ---------- */
html body .course-card .course-badge{background:rgba(7,11,17,.9)!important;border:1px solid var(--xc-line)!important;border-radius:6px!important;box-shadow:none!important;text-shadow:none!important;font-family:var(--xc-font)!important;font-size:.68rem!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;padding:.28rem .55rem!important;animation:none!important;filter:none!important}
html body .course-card .course-badge--paid{color:#e5c26a!important;border-color:rgba(229,194,106,.35)!important}
html body .course-card .course-badge--free{color:#7fe0b4!important;border-color:rgba(62,207,142,.35)!important}

html body .course-card .course-diff-meter{font-family:var(--xc-font)!important;font-size:.78rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;box-shadow:none!important;filter:none!important}
html body .course-card .course-diff-bar{box-shadow:none!important;filter:none!important}

html body .course-card .course-progress-wrap{margin-top:.8rem!important}
html body .course-card .course-progress-header{font-family:var(--xc-font)!important;font-size:.74rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--xc-muted)!important}
html body .course-card .course-progress-track{height:4px!important;border-radius:2px!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important}
html body .course-card .course-progress-fill{background:var(--xc-acc)!important;box-shadow:none!important;border-radius:2px!important}

/* buttons: Continue = solid (primary), Start = outlined */
html body .course-card .course-action-btn--continue{background:var(--xc-acc)!important;border:1px solid var(--xc-acc)!important;color:#04121a!important}
html body .course-card .course-action-btn--continue:hover{background:var(--xc-acc)!important;color:#04121a!important;filter:brightness(1.08)!important}
html body .course-card .course-action-btn--start,html body .course-card:hover .course-action-btn--start{background:none!important;border:1px solid rgba(255,255,255,.18)!important;color:var(--xc-text)!important}
html body .course-card:hover .course-action-btn--start{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.3)!important}
html body .course-card .course-action-icon{font-size:.8em!important;text-shadow:none!important}


/* difficulty meter: keep colored bars */
html body .course-card .course-diff-meter{display:inline-flex!important;align-items:center!important;gap:.45rem!important}
html body .course-card .course-diff-bars{display:inline-flex!important;align-items:flex-end!important;gap:2px!important}
html body .course-card .course-diff-bar{display:inline-block!important;width:3px!important;border-radius:1px!important;background:rgba(255,255,255,.2)}
html body .course-card .course-diff-bar:nth-child(1){height:6px!important}
html body .course-card .course-diff-bar:nth-child(2){height:9px!important}
html body .course-card .course-diff-bar:nth-child(3){height:12px!important}