/* Courses, my-courses and payment pages — Success English College brand
   (tokens: css/brand.css, loaded by partials_public_shell.php). */
:root {
    --bg: #f5f7fb !important;
    --surface: #fff !important;
    --border: #e1e6f0 !important;
    --accent: #1a24c4 !important;
    --accent-light: #eef0ff !important;
    --accent2: #10324d !important;
    --text: #0e1b2c !important;
    --muted: #5b6578 !important;
    --gold: #13801f !important;
}

body { background: #f5f7fb !important; color: #0e1b2c !important; }
.mesh { background: #f5f7fb !important; }
.mesh::before,.mesh::after,.grain,.ambient,.orb { display: none !important; }

.navbar,.navbar.scrolled {
    background: rgba(255,255,255,.97) !important;
    border-bottom: 1px solid #e1e6f0 !important;
    box-shadow: 0 5px 22px rgba(16,50,77,.06) !important;
    backdrop-filter: blur(14px) !important;
}
.logo-wrap,.nav-links a,.hamburger { color: #0e1b2c !important; }
.nav-links a.active,.nav-links a:hover { color: #1a24c4 !important; }
.nav-links a::after { background: #28c435 !important; }
.nav-links a.active { background: #eef0ff !important; border-radius: 999px !important; }
.logo-badge,.avatar { background: linear-gradient(135deg,#1a24c4,#10324d) !important; }
.btn-nav,.btn {
    background: #1a24c4 !important;
    color: #fff !important;
    border-color: #1a24c4 !important;
    box-shadow: 0 9px 22px rgba(26,36,196,.22) !important;
}

/* page hero: royal panel with the book wings */
.hero { background: transparent !important; }
.hero h1 { color: #10324d !important; font-family: 'Oswald','Plus Jakarta Sans',sans-serif !important; text-transform: uppercase; letter-spacing: .01em; }
.hero h1 .grad {
    background: none !important;
    color: #1a24c4 !important;
    -webkit-text-fill-color: #1a24c4 !important;
}
.eyebrow {
    background: #eef0ff !important;
    border-color: #d9ddff !important;
    color: #1a24c4 !important;
    box-shadow: none !important;
}
.hero .count b { color: #1a24c4 !important; }
.float-ic { color: #1a24c4 !important; opacity: .07 !important; }

.glass,.profile,.stat,.course,.table-card {
    background: #fff !important;
    border: 1px solid #e1e6f0 !important;
    box-shadow: 0 14px 36px rgba(16,50,77,.08) !important;
    backdrop-filter: none !important;
}
.course { border-radius: 18px !important; overflow: hidden; transition: transform .25s, box-shadow .25s; }
.course:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(16,50,77,.12) !important; }
.course::after { background: radial-gradient(120% 60% at 50% 0%,rgba(26,36,196,.06),transparent 60%) !important; }
.course h3,.course h2,.course .title,.profile-info h1,.head h1,.sec-h { color: #10324d !important; }
.stat .n,.stat .n.green,.price,.sec-h i { color: #1a24c4 !important; }
.price,.price.free {
    background: none !important;
    -webkit-text-fill-color: #1a24c4 !important;
}
.price.free { -webkit-text-fill-color: #13801f !important; color: #13801f !important; }
.pill.buy { background: #1a24c4 !important; color: #fff !important; }
.owned { background: #13801f !important; color: #fff !important; }

.summary {
    background: linear-gradient(135deg,#1a24c4 0%,#0d2c8f 55%,#10324d 100%) !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(16,24,160,.22) !important;
}
.summary .big,.summary .lbl { color: #fff !important; }
th { color: #5b6578 !important; }
td { color: #0e1b2c !important; }

@media (max-width: 900px) {
    .nav-links { background: #fff !important; border-bottom: 1px solid #e1e6f0 !important; }
}