/* Shared light design for the Academy's public and learner pages (2026 redesign).
   Same language as the homepage: light grey heroes with a red top line, white
   thin-bordered cards, red primary buttons. Scoped by each page's own classes. */
:root{--sl-ink:#0f0f12;--sl-text:#1f2023;--sl-muted:#5f6470;--sl-line:#e4e5e9;--sl-tint:#f6f6f8;--sl-hero:#f4f4f6;--sl-red:var(--mt-brand-action,#e11d48);--sl-red-dark:var(--mt-brand-action-hover,#be123c)}

/* Dark heroes and bands → light */
body .mt-shop__hero,body .mt-contact__hero,body .mt-business__hero,body .mt-cart__hero{
  background:radial-gradient(circle at 8% 100%,rgba(225,29,72,.08),transparent 42%),radial-gradient(circle at 96% 0%,rgba(225,29,72,.06),transparent 38%),var(--sl-hero)!important;
  border:1px solid var(--sl-line)!important;border-top:4px solid var(--sl-red)!important;border-radius:20px!important;box-shadow:none!important;color:var(--sl-ink)!important}
body .mt-shop__hero::after,body .mt-contact__hero::after,body .mt-business__hero::after,body .mt-cart__hero::after,body .mt-cart__hero::before{display:none!important}
body :is(.mt-shop__hero,.mt-contact__hero,.mt-business__hero,.mt-cart__hero) :is(h1,h2,h3,strong){color:var(--sl-ink)!important}
body :is(.mt-shop__hero,.mt-contact__hero,.mt-business__hero,.mt-cart__hero) :is(p,li,small,span,div):not(a *):not(button *){color:var(--sl-muted)!important}
body .mt-contact__signal{background:#fff!important;border:1px solid var(--sl-line)!important;backdrop-filter:none!important}
body .mt-contact__signalrow span:last-child{color:var(--sl-text)!important}
body :is(.mt-shop__hero,.mt-contact__hero,.mt-business__hero,.mt-cart__hero) a:not([class*="button"]):not([class*="submit"]){color:var(--sl-red-dark)}
body :is(.mt-shop__heroactions,.mt-contact__heroaside,.mt-business__heroaside,.mt-contact__points,.mt-business__points){background:#fff!important;border:1px solid var(--sl-line)!important;backdrop-filter:none!important}
body .mt-shop__heroactions a{background:#fff!important;border:1px solid var(--sl-line)!important;color:var(--sl-ink)!important}
body .mt-shop__heroactions a:hover{border-color:var(--sl-ink)!important}
body .mt-shop__eyebrow,body .mt-business__eyebrow,body .mt-contact__eyebrow,body .mt-cart__eyebrow{color:var(--sl-red-dark)!important}

body .mt-shop__business,body .mt-business__process{background:var(--sl-tint)!important;border:1px solid var(--sl-line)!important;color:var(--sl-ink)!important}
body :is(.mt-shop__business,.mt-business__process) :is(h2,h3,strong){color:var(--sl-ink)!important}
body :is(.mt-shop__business,.mt-business__process) :is(p,li,span,small):not(a *):not(button *){color:var(--sl-muted)!important}
body .mt-business__process .mt-business__step{background:#fff!important;border:1px solid var(--sl-line)!important}

/* Path cards on the paths pages → white cards */
body .local-musinglanding-frontpage__pathcard{background:#fff!important;border:1px solid var(--sl-line)!important;box-shadow:none!important;color:var(--sl-text)!important}
body .local-musinglanding-frontpage__pathcard:hover{border-color:var(--sl-red)!important}
body .local-musinglanding-frontpage__pathcard :is(h3,.local-musinglanding-frontpage__pathhead h3){color:var(--sl-ink)!important}
body .local-musinglanding-frontpage__pathcard .local-musinglanding-frontpage__cardcopy{color:var(--sl-muted)!important}
body .local-musinglanding-frontpage__pathmediaitem{background:#ececf0!important}

/* Cart accents (were blue) */
body .mt-cart__checkout{background:var(--sl-red)!important}
body .mt-cart__checkout:hover{background:var(--sl-red-dark)!important}
body .mt-cart__emptyicon{background:var(--sl-red)!important;box-shadow:none!important}
body .mt-cart__empty{background:var(--sl-tint)!important;border-color:var(--sl-line)!important}
body .mt-cart__number{background:rgba(225,29,72,.08)!important;color:var(--sl-red-dark)!important}

/* Shop module groups (were blue) */
body .mt-shop__modulemark{background:rgba(225,29,72,.08)!important;color:var(--sl-red-dark)!important}

/* Cards everywhere: thin borders, no heavy shadows */
body .local-musinglanding-frontpage__course,body .local-musinglanding-frontpage__storecard,body .mt-shop__choice,body .mt-business__card,body .mt-contact__panel{border:1px solid var(--sl-line)!important;box-shadow:none!important}
body .local-musinglanding-frontpage__course:hover,body .mt-shop__choice:hover,body .mt-business__card:hover{border-color:var(--sl-red)!important}

/* Single-module page and other small purchase cards */
body .local-musinglanding-purchase__card{background:#fff!important;border:1px solid var(--sl-line)!important;border-top:4px solid var(--sl-red)!important;border-radius:18px!important;box-shadow:none!important}
body .local-musinglanding-purchase__eyebrow{background:var(--sl-ink)!important}
body .local-musinglanding-purchase .btn-primary.local-musinglanding-button{background:var(--sl-red)!important;border-color:var(--sl-red)!important;border-radius:999px!important;color:#fff!important}
body .local-musinglanding-purchase .local-musinglanding-button--secondary{background:#fff!important;border:1px solid var(--sl-line)!important;border-radius:999px!important;color:var(--sl-ink)!important}

/* Learner pages: My learning, certificates, verify */
body .local-musing-student-hero{background:var(--sl-hero)!important;border:1px solid var(--sl-line)!important;border-top:4px solid var(--sl-red)!important;border-radius:18px!important;box-shadow:none!important}
body .local-musing-student-course{border:1px solid var(--sl-line)!important;border-radius:16px!important;box-shadow:none!important}
body .local-musing-student-course:hover{border-color:var(--sl-red)!important}
body .local-musinglanding-studio .btn-primary.local-musinglanding-button{background:var(--sl-red)!important;border-color:var(--sl-red)!important;border-radius:999px!important;color:#fff!important}
body .local-musinglanding-studio .local-musinglanding-button--secondary{background:#fff!important;border:1px solid var(--sl-line)!important;border-radius:999px!important;color:var(--sl-ink)!important}
/* Learners never see links to the platform vendor (docs, app download, help pages). */
a[href*="moodle.org"],a[href*="moodle.com"],a[href*="moodle.net"]{display:none!important}

/* Lesson quizzes in the Academy's light style (was Moodle's light blue). */
body.path-mod-quiz .que .formulation{background:#fff!important;border:1px solid var(--sl-line)!important;border-radius:14px!important;color:var(--sl-text)!important}
body.path-mod-quiz .que .info{background:var(--sl-tint)!important;border:1px solid var(--sl-line)!important;border-radius:14px!important}
body.path-mod-quiz .que .outcome,body.path-mod-quiz .que .comment{background:var(--sl-tint)!important;border:1px solid var(--sl-line)!important;border-radius:14px!important;color:var(--sl-text)!important}
body.path-mod-quiz .qn_buttons .qnbutton{border-radius:10px!important}
body.path-mod-quiz .qn_buttons .qnbutton.thispage{border-color:var(--sl-red)!important}
body.path-mod-quiz .submitbtns .btn-primary,body.path-mod-quiz .btn-primary{background:var(--sl-red)!important;border-color:var(--sl-red)!important;border-radius:999px!important}
body.path-mod-quiz .btn-secondary{border-radius:999px!important}

/* My certificates + verify page */
body#page-local-musinglanding-certificates #page-header,body#page-local-musinglanding-validate #page-header{display:none}
body .mt-cert-hero{background:radial-gradient(circle at 8% 100%,rgba(225,29,72,.08),transparent 42%),var(--sl-hero)!important;border:1px solid var(--sl-line)!important;border-top:4px solid var(--sl-red)!important;border-radius:18px!important;box-shadow:none!important}
body .mt-cert-hero h1{color:var(--sl-ink)!important}
body .mt-cert-hero p{color:var(--sl-muted)!important}
body .mt-cert-card{border:1px solid var(--sl-line)!important;border-radius:16px!important;box-shadow:none!important}
body .mt-cert-empty{background:#fff!important;border:1px solid var(--sl-line)!important;border-radius:16px!important;text-align:center}
body .mt-cert-btn--primary{background:var(--sl-red)!important}
body .mt-verify,body .mt-validate{border-top:4px solid var(--sl-red)}

/* One calmer heading scale for all pages (owner feedback 2026-10-06). */
body :is(.mt-shop,.mt-contact,.mt-business,.mt-cart) h1,body :is(.mt-shop__hero,.mt-contact__hero,.mt-business__hero,.mt-cart__hero) h1{font-size:clamp(1.8rem,3vw,2.5rem)!important;letter-spacing:0!important;line-height:1.35!important}
body :is(.mt-shop,.mt-contact,.mt-business,.mt-cart) h2{font-size:clamp(1.35rem,2.1vw,1.85rem)!important;letter-spacing:0!important;line-height:1.4!important}
body .mt-policy h1,body .mt-policy__hero h1,body#page-local-musinglanding-privacy h1,body#page-local-musinglanding-terms h1,body#page-local-musinglanding-refunds h1,body#page-local-musinglanding-cookies h1,body#page-local-musinglanding-data-processing h1{font-size:clamp(1.8rem,3vw,2.4rem)!important;line-height:1.35!important}
body .mt-cd__title{font-size:clamp(1.7rem,3vw,2.4rem)!important}
body .mt-cd__price{font-size:1.6rem!important}
body .local-musing-login-brand h2{font-size:clamp(1.7rem,2.8vw,2.3rem)!important;line-height:1.35!important}
body #page-header h1,body .page-header-headings h1{font-size:clamp(1.5rem,2.4vw,2rem)!important}

/* Moodle account pages (preferences, edit profile, password, language, notifications, profile) in the light style. */
body:is(#page-user-preferences,#page-user-edit,#page-login-change_password,#page-user-language,#page-message-notificationpreferences,#page-user-profile) #region-main{
  background:#fff!important;border:1px solid var(--sl-line)!important;border-radius:18px!important;border-top:4px solid var(--sl-red)!important;box-shadow:none!important;padding:clamp(18px,3vw,32px)!important}
body:is(#page-user-preferences,#page-user-edit,#page-login-change_password,#page-user-language,#page-message-notificationpreferences) #region-main h2{color:var(--sl-ink);font-size:clamp(1.35rem,2.1vw,1.75rem)!important;font-weight:900}
body:is(#page-user-preferences,#page-user-edit,#page-login-change_password,#page-user-language,#page-message-notificationpreferences,#page-user-profile) #region-main a:not(.btn){color:var(--sl-red-dark)}
body:is(#page-user-preferences,#page-user-edit,#page-login-change_password,#page-user-language,#page-message-notificationpreferences,#page-user-profile) .btn-primary{background:var(--sl-red)!important;border-color:var(--sl-red)!important;border-radius:999px!important;font-weight:800;padding-inline:1.3rem}
body:is(#page-user-preferences,#page-user-edit,#page-login-change_password,#page-user-language,#page-message-notificationpreferences,#page-user-profile) .btn-secondary{background:#fff!important;border:1px solid var(--sl-line)!important;border-radius:999px!important;color:var(--sl-ink)!important}
body:is(#page-user-edit,#page-login-change_password,#page-user-language) .form-control,body:is(#page-user-edit,#page-login-change_password,#page-user-language) .form-select,body:is(#page-user-edit,#page-login-change_password,#page-user-language) .custom-select{border-color:var(--sl-line)!important;border-radius:12px!important;min-height:44px}
body#page-user-preferences #region-main .card,body#page-user-profile #region-main .card{border:1px solid var(--sl-line)!important;border-radius:14px!important;box-shadow:none!important}
body#page-user-preferences #region-main li{list-style:none;margin:.35rem 0}
/* Course card facts line (level · video length · lessons), 2026-10-07 copy pass. */
body .local-musinglanding-frontpage__cardmeta{color:var(--sl-muted);display:flex;flex-wrap:wrap;font-size:.82rem;font-weight:600;gap:.15rem .5rem;line-height:1.5;list-style:none;margin:.55rem 0 .15rem;padding:0}
body .local-musinglanding-frontpage__cardmeta li{align-items:center;display:inline-flex;gap:.5rem;margin:0;white-space:nowrap}
body .local-musinglanding-frontpage__cardmeta li+li:before{background:var(--sl-line);border-radius:50%;content:"";display:inline-block;height:4px;width:4px}
/* Arabic pages: keep the top bar arranged like the English one — logo on the left; language, currency and
   sign-in on the right (owner request 2026-10-07). The labels inside stay right-to-left Arabic. */
html[dir="rtl"] body nav.navbar.fixed-top{direction:ltr}
html[dir="rtl"] body nav.navbar.fixed-top #usernavigation{margin-left:auto!important;margin-right:0!important}
html[dir="rtl"] body nav.navbar.fixed-top .primary-navigation .nav-link,html[dir="rtl"] body nav.navbar.fixed-top .dropdown-menu,html[dir="rtl"] body nav.navbar.fixed-top .usermenu{direction:rtl}
html[dir="rtl"] body nav.navbar.fixed-top .dropdown-menu{text-align:right}
html[dir="rtl"] body nav.navbar.fixed-top .navbar-brand{margin-left:0!important;margin-right:1.5rem!important}
/* Footer in the light page style, dark text (owner 2026-10-07). Overrides the dark footer styles injected by sliderinject.php. */
body .local-musing-footer{background:var(--sl-tint)!important;border-top:1px solid var(--sl-line)!important;color:var(--sl-text)!important}
body .local-musing-footer p,body .local-musing-footer li{color:var(--sl-text)!important}
body .local-musing-footer h2{color:var(--sl-ink)!important}
body .local-musing-footer .local-musing-footer__link{color:var(--sl-text)!important}
body .local-musing-footer .local-musing-footer__link:hover,body .local-musing-footer .local-musing-footer__link:focus{color:var(--sl-red-dark)!important}
body .local-musing-footer .local-musing-footer__contactlabel{color:var(--sl-muted)!important}
body .local-musing-footer .local-musing-footer__contact a{color:var(--sl-text)!important}
body .local-musing-footer .local-musing-footer__social{background:#fff!important;border-color:var(--sl-line)!important;color:var(--sl-ink)!important}
body .local-musing-footer .local-musing-footer__social:hover,body .local-musing-footer .local-musing-footer__social:focus{background:var(--sl-ink)!important;color:#fff!important}
body .local-musing-footer .local-musing-footer__logo{background:transparent!important;padding:0!important}
body .local-musing-footer .local-musing-footer__bottom{border-top-color:var(--sl-line)!important;color:var(--sl-muted)!important}