/* Tutor LMS, dressed in the theme. */

/* Palette: Tutor's own variables, pointed at the brand. Tutor's public pages are light only, so dark mode swaps the lot. */
:root{--tutor-color-primary:#416EDD;--tutor-color-primary-hover:#2857C0;--tutor-color-primary-rgb:65,110,221;--tutor-body-color:#312C3E;--tutor-color-black:#312C3E;--tutor-color-secondary:#6b6170;--tutor-color-muted:#6b6170;--tutor-color-hints:#6b6170;--tutor-color-subdued:#6b6170;--tutor-color-white:#FBF4EE;--tutor-color-gray:#D3C4C2;--tutor-color-gray-10:#E3E6FB;--tutor-border-color:#D3C4C2}
[data-theme=dark]{--tutor-color-primary:#869BF0;--tutor-color-primary-hover:#6983E8;--tutor-color-primary-rgb:134,155,240;--tutor-body-color:#F3E5DA;--tutor-color-black:#F3E5DA;--tutor-color-secondary:#D3C4C2;--tutor-color-muted:#D3C4C2;--tutor-color-hints:#D3C4C2;--tutor-color-subdued:#D3C4C2;--tutor-color-white:#312C3E;--tutor-color-gray:#4b445b;--tutor-color-gray-10:#3b3960;--tutor-border-color:#4b445b}
.tutor-wrap,.tutor-dashboard,.tutor-btn,.tutor-form-control,.tutor-form-select,[class*="tutor-fs-"]{font-family:inherit}
.tutor-wrap{color:var(--ink)}
.tutor-wrap h1,.tutor-wrap h2,.tutor-wrap h3,.tutor-dashboard h1,.tutor-dashboard h2,.tutor-dashboard h3{font-family:"Alexandria",sans-serif}
.tutor-btn{border-radius:999px;font-weight:600;transition:background .3s,color .3s,border-color .3s,transform .3s}
.tutor-btn:active{transform:scale(.97)}
.tutor-btn-primary{background:var(--pr);border-color:var(--pr);color:var(--onpr)}
.tutor-btn-primary:hover{background:var(--pr2);border-color:var(--pr2);color:var(--onpr)}
.tutor-btn-outline-primary{border-color:var(--pr);color:var(--pr)}
.tutor-btn-outline-primary:hover{background:var(--pr);color:var(--onpr)}
.tutor-card{border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:none;overflow:hidden}
.tutor-form-control,.tutor-form-select{border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink)}
.tutor-form-control:focus,.tutor-form-select:focus{border-color:var(--pr);box-shadow:none}
.tutor-progress-bar{background:var(--line)}
.tutor-progress-bar .tutor-progress-value{background:var(--pr)}

/* Courses list: cards share the shop card. */
.pcard-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:2px 0 0;padding:0;list-style:none;font-size:.88rem;color:var(--muted)}
.pcard-meta li{display:inline-flex;align-items:center;gap:6px}
.pcard-meta .ti{font-size:1.05rem;color:var(--pr)}
.course-list .woocommerce-pagination{margin-block-start:40px}

/* Single course */
.course{padding:0}
.course-lead{max-width:52ch;margin-block:-.6em clamp(24px,4vw,44px);font-size:1.2rem;line-height:1.85;color:rgb(255 255 255/.88)}
.course-hero .legal-title{max-width:20ch;font-size:clamp(2.2rem,6.2vw,5.2rem)}
.course-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:clamp(24px,5vw,72px)}
.course-media{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--soft)}
.course-media img,.course-media video,.course-media iframe{display:block;width:100%;height:auto}
.course-media .tutor-course-thumbnail,.course-media .tutor-video-player{margin:0}

/* Sections: a rule, a mono number, a heavy title. */
.course-main{counter-reset:h;min-width:0}
.course-main .tutor-tab-item>*{margin-block-start:0}
.course-main .tutor-course-details-content,.course-main .tutor-course-details-widget,.course-main .tutor-course-content-title{margin-block-start:clamp(36px,5vw,64px)!important}
.course-main .tutor-course-details-widget-title,.course-main .tutor-course-content-title,.course-main .tutor-course-details-content>h2{--rule:1;counter-increment:h;position:relative;display:flex;align-items:baseline;gap:16px;margin-block-end:.7em!important;padding-block-start:1.2em;font-family:"Alexandria",sans-serif;font-weight:800;font-size:clamp(1.4rem,2.7vw,2rem);line-height:1.45;color:var(--ink)}
.course-main .tutor-course-details-widget-title::after,.course-main .tutor-course-content-title::after,.course-main .tutor-course-details-content>h2::after{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:var(--line);transform:scaleX(var(--rule));transform-origin:left}
[dir=rtl] .course-main .tutor-course-details-widget-title::after,[dir=rtl] .course-main .tutor-course-content-title::after,[dir=rtl] .course-main .tutor-course-details-content>h2::after{transform-origin:right}
.course-main .tutor-course-details-widget-title::before,.course-main .tutor-course-content-title::before,.course-main .tutor-course-details-content>h2::before{content:counter(h,decimal-leading-zero);flex:none;padding:3px 9px;border:1px solid var(--pr);border-radius:999px;font:500 .75rem "JetBrains Mono",monospace;color:var(--pr)}
.course-main .tutor-course-details-content{font-size:1.1rem;line-height:1.95}
.course-main .tutor-course-details-widget-list{font-size:1.04rem;line-height:1.8}
.course-main .tutor-course-details-widget-list li{align-items:flex-start;padding:12px 0;margin:0!important;border-block-end:1px solid var(--line);color:var(--ink)}
.course-main .tutor-icon-bullet-point{color:var(--pr)!important;font-size:.7rem!important;margin-block-start:.75em!important}

/* Curriculum */
.course .tutor-accordion{display:grid;gap:12px}
.course .tutor-accordion-item{border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;transition:border-color .3s}
.course .tutor-accordion-item:hover{border-color:var(--pr)}
.course .tutor-accordion-item-header{padding:20px 22px;border:0;background:transparent;font-family:"Alexandria",sans-serif;font-weight:600;font-size:1.08rem;line-height:1.6;color:var(--ink)}
.course .tutor-accordion-item-header.is-active{background:var(--soft);color:var(--ink)}
.course .tutor-accordion-item-header::after{color:var(--pr)}
.course .tutor-accordion-item-body{border:0;background:transparent}
.course .tutor-course-content-list-item{padding:14px 22px;border-block-start:1px solid var(--line);color:var(--ink)}
.course .tutor-course-content-list-item-title a{color:var(--ink)}
.course .tutor-course-content-list-item-title a:hover{color:var(--pr)}

/* Enrol card: the dark summary card used across the store. */
.course-side{position:relative;z-index:0}
.course .tutor-sidebar-card{border:1px solid #4b445b;border-radius:28px;background:#312C3E;color:#F3E5DA}
.course .tutor-sidebar-card .tutor-card-body{padding:clamp(20px,2.6vw,32px)}
.course .tutor-sidebar-card [class*="tutor-color-black"],.course .tutor-sidebar-card h3{color:#F3E5DA!important}
.course .tutor-sidebar-card [class*="tutor-color-secondary"],.course .tutor-sidebar-card [class*="tutor-color-muted"]{color:rgb(243 229 218/.7)!important}
.course .tutor-sidebar-card .tutor-course-single-pricing,.course .tutor-sidebar-card .tutor-course-sidebar-card-pricing{align-items:baseline;gap:12px;font-family:"JetBrains Mono",monospace}
.course .tutor-sidebar-card .tutor-course-single-pricing>*:first-child,.course .tutor-sidebar-card .tutor-course-sidebar-card-pricing>*:first-child{font-size:2rem!important;font-weight:500;color:#869BF0!important}
.course .tutor-sidebar-card del{opacity:.55}
.course .tutor-sidebar-card ins{text-decoration:none}
.course .tutor-sidebar-card .tutor-btn{min-height:62px;font-size:1.08rem}
.course .tutor-sidebar-card .tutor-btn-primary{background:#416EDD;border-color:#416EDD;color:#fff}
.course .tutor-sidebar-card .tutor-btn-primary:hover{background:#2857C0;border-color:#2857C0}
.course .tutor-sidebar-card .tutor-btn-outline-primary{border-color:rgb(243 229 218/.4);color:#F3E5DA}
.course .tutor-sidebar-card .tutor-btn-outline-primary:hover{border-color:#F3E5DA;background:#F3E5DA;color:#312C3E}
.course .tutor-sidebar-card .tutor-card-footer{padding:20px clamp(20px,2.6vw,32px);border-block-start:1px solid rgb(243 229 218/.14);background:transparent}
.course .tutor-sidebar-card .tutor-card-footer li{align-items:center}
.course .tutor-sidebar-card .tutor-card-footer [class*="tutor-icon-"]{color:#869BF0!important}
.course .tutor-progress-bar{background:rgb(243 229 218/.18)}
.course-side-more{display:grid;gap:26px;margin-block-start:26px;padding:clamp(20px,2.6vw,28px);border:1px solid var(--line);border-radius:26px;background:var(--surface)}
.course-side-more>*{margin:0!important}
.course-side-more:empty{display:none}
.course-side-more .tutor-course-details-widget-title,.course-side-more .tutor-course-details-instructors>div:first-child{margin-block-end:12px!important;font-family:"Alexandria",sans-serif;font-weight:800;font-size:1.1rem;color:var(--ink)}
.course-side-more .tutor-course-details-widget-list{font-size:.95rem;line-height:1.75}
.course-side-more .tutor-icon-bullet-point{color:var(--pr)!important}
.course-side-more .tutor-avatar{border-radius:50%}

/* Enrolled-student tabs */
.course .tutor-nav{gap:8px;border:0;margin-block:clamp(24px,3vw,36px) 0}
.course .tutor-nav-link{padding:10px 20px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-weight:600}
.course .tutor-nav-link.is-active,.course .tutor-nav-link:hover{border-color:var(--pr);background:var(--pr);color:var(--onpr)}
.course .tutor-is-sticky{position:static;background:transparent;box-shadow:none}

/* Dashboard, sign in and sign up: brand colours and shapes on Tutor's own layout. */
.tutor-dashboard .tutor-dashboard-menu-item-link{border-radius:14px}
.tutor-dashboard .tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link{background:var(--pr);color:var(--onpr)}
.tutor-login-wrap,.tutor-login-form-wrapper,#tutor-registration-wrap,.tutor-registration-form{border-radius:26px}

@media (max-width:1000px){
	.course-body{grid-template-columns:1fr}
	.course-side{order:-1}
}

/* Tutor paints these with fixed light colours, so they are set outright. */
.course .tutor-sidebar-card .tutor-card-body{background:transparent!important;color:#F3E5DA}
.course .tutor-sidebar-card .tutor-card-body :is(.price,.amount,bdi,ins,[class*="tutor-fs-4"],[class*="tutor-fs-5"]){color:#869BF0!important;font-family:"JetBrains Mono",monospace}
.course .tutor-sidebar-card .tutor-card-body del,.course .tutor-sidebar-card .tutor-card-body del :is(.amount,bdi){color:rgb(243 229 218/.55)!important;font-size:1rem}
.course .tutor-sidebar-card .tutor-card-body :is(.price,[class*="tutor-fs-4"]){font-size:2rem!important;font-weight:500}
.course-main .tutor-course-details-content,.course-main .tutor-course-details-content :is(p,li,span,div){color:var(--ink)!important}

/* Tutor's newer screens (dashboard, learning area) read these surface colours: give them the theme's, in both modes. */
[data-tutor-theme=light],[data-theme=light]{--tutor-surface-base:#F3E5DA;--tutor-surface-l1:#FBF4EE;--tutor-surface-l1-hover:#F3E5DA;--tutor-surface-l2:#E3E6FB;--tutor-surface-l2-hover:#D3C4C2;--tutor-surface-l3:#FBF4EE;--tutor-brand-600:#416EDD;--tutor-brand-950:#312C3E}
[data-tutor-theme=dark],[data-theme=dark]{--tutor-surface-base:#221E2C;--tutor-surface-l1:#312C3E;--tutor-surface-l1-hover:#3b3960;--tutor-surface-l2:#3b3960;--tutor-surface-l2-hover:#4b445b;--tutor-surface-l3:#312C3E;--tutor-brand-600:#416EDD;--tutor-brand-950:#312C3E}
html body{background:var(--bg)}

/* Student dashboard (Tutor's own app layout): recoloured through its design tokens, then reshaped.
   The selectors lead with the site's theme switch so they win whatever mode Tutor picked itself. */
html[data-theme=light],html[data-theme=light] [data-tutor-theme]{
	--tutor-brand-200:#E3E6FB;--tutor-brand-300:#d5dbf8;--tutor-brand-400:#869BF0;--tutor-brand-500:#6983E8;--tutor-brand-600:#416EDD;--tutor-brand-700:#2857C0;--tutor-brand-800:#234aa3;--tutor-brand-900:#312C3E;--tutor-brand-950:#221E2C;
	--tutor-surface-base:#F3E5DA;--tutor-surface-l1:#FBF4EE;--tutor-surface-l1-hover:#f6ebe2;--tutor-surface-l2:#efe0d4;--tutor-surface-l2-hover:#D3C4C2;--tutor-surface-l3:#FBF4EE;--tutor-surface-sidebar-l1:#FBF4EE;
	--tutor-text-primary:#312C3E;--tutor-text-secondary:#4a4356;--tutor-text-subdued:#6b6170;--tutor-text-brand:#416EDD;--tutor-text-brand-hover:#2857C0;
	--tutor-icon-idle:#312C3E;--tutor-icon-hover:#416EDD;--tutor-icon-secondary:#6b6170;--tutor-icon-subdued:#6b6170;--tutor-icon-brand:#416EDD;
	--tutor-border-idle:#D3C4C2;--tutor-border-idle2:#e3d6cf;--tutor-border-hover:#bfb0ae;--tutor-border-brand:#416EDD;
	--tutor-tab-sidebar-l2-hover:#E3E6FB;--tutor-tab-sidebar-l2-active:#E3E6FB}
html[data-theme=dark],html[data-theme=dark] [data-tutor-theme]{
	--tutor-brand-200:#3b3960;--tutor-brand-300:#4b4a78;--tutor-brand-400:#6983E8;--tutor-brand-500:#869BF0;--tutor-brand-600:#416EDD;--tutor-brand-700:#2857C0;--tutor-brand-800:#234aa3;--tutor-brand-900:#312C3E;--tutor-brand-950:#221E2C;
	--tutor-surface-base:#221E2C;--tutor-surface-l1:#312C3E;--tutor-surface-l1-hover:#3a3449;--tutor-surface-l2:#3b3960;--tutor-surface-l2-hover:#4b445b;--tutor-surface-l3:#2b2636;--tutor-surface-sidebar-l1:#2b2636;
	--tutor-text-primary:#F3E5DA;--tutor-text-secondary:#D3C4C2;--tutor-text-subdued:#a89aa0;--tutor-text-brand:#869BF0;--tutor-text-brand-hover:#a9b8f5;
	--tutor-icon-idle:#F3E5DA;--tutor-icon-hover:#869BF0;--tutor-icon-secondary:#D3C4C2;--tutor-icon-subdued:#a89aa0;--tutor-icon-brand:#869BF0;
	--tutor-border-idle:#4b445b;--tutor-border-idle2:#3d374b;--tutor-border-hover:#6b6170;--tutor-border-brand:#869BF0;
	--tutor-tab-sidebar-l2-hover:#3b3960;--tutor-tab-sidebar-l2-active:#3b3960}
/* Tutor reads its fonts from these two variables. */
html{--tutor-font-family-body:"IBM Plex Sans Arabic","Plus Jakarta Sans";--tutor-font-family-heading:"Alexandria"}
html[lang^=en]{--tutor-font-family-body:"Plus Jakarta Sans","IBM Plex Sans Arabic"}

/* Layout: one wide column beside a floating charcoal sidebar. */
.tutor-dashboard-layout{--dp:clamp(16px,3vw,40px);background:var(--bg);color:var(--ink)}
.tutor-dashboard-layout :is(h1,h2,h3,h4){font-family:"Alexandria",sans-serif;font-weight:800;letter-spacing:0}
.tutor-dashboard-layout .tutor-dashboard-page{box-sizing:border-box;max-width:calc(1120px + var(--dp)*2);padding:6px var(--dp) 64px}
.tutor-dashboard-layout .tutor-dashboard-header-inner{max-width:1120px}
.tutor-dashboard-layout .tutor-dashboard-header{height:76px;padding-inline:var(--dp);border:0;background:var(--bg)}
.tutor-dashboard-header-left>div{font-family:"Alexandria",sans-serif;font-weight:800}
.tutor-dashboard-main:has(.dash-hero) .tutor-dashboard-header-left{visibility:hidden}
.tutor-dashboard-header .tutor-dashboard-header-user-avatar{border:1px solid var(--line);border-radius:999px}
.tutor-dashboard-header-user-avatar img{border-radius:50%}
.tutor-dashboard-header-user-popover{border:1px solid var(--line);border-radius:20px;overflow:hidden}
.tutor-dashboard-page-card{border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:none}
.tutor-dashboard-page-card-header{border-block-end:1px solid var(--line)}

/* Sidebar */
.dash-side{--n-ink:#F3E5DA;--n-acc:#869BF0;--n-line:rgb(243 229 218/.16);--n-chip:rgb(243 229 218/.06);background:#312C3E;color:#F3E5DA}
@media (min-width:769px){
	.tutor-dashboard-layout{grid-template-columns:296px minmax(0,1fr)}
	.dash-side{display:flex;flex-direction:column;margin:14px;margin-inline-end:0;top:14px;min-height:calc(100dvh - 28px);border:0;border-radius:28px;overflow:hidden}
	[data-theme=dark] .dash-side{border:1px solid #4b445b}
}
.dash-side .tutor-dashboard-sidebar-logo{height:auto;padding:24px 22px 0;border:0;overflow:visible;color:#F3E5DA}
.dash-side .tutor-dashboard-sidebar-logo img{max-width:160px;max-height:44px}
.dash-side-k{margin:26px 28px 0;font:500 .72rem "JetBrains Mono","IBM Plex Sans Arabic",monospace;color:#869BF0}
.dash-side-k .l-en,.dash-kick .l-en{letter-spacing:.14em;text-transform:uppercase}
.dash-side-k .l-ar,.dash-kick .l-ar{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:.92rem;font-weight:600}
.dash-side .tutor-dashboard-sidebar-nav{flex:1;padding:10px 12px}
.dash-side .tutor-dashboard-sidebar-nav ul{gap:2px}
.dash-side .tutor-dashboard-sidebar-nav ul li a{position:relative;isolation:isolate;overflow:hidden;gap:14px;padding:14px 16px;border-radius:16px;background:transparent!important;color:#F3E5DA;font-size:1rem;font-weight:600;transition:color .3s}
.dash-side .tutor-dashboard-sidebar-nav ul li a::before{content:"";position:absolute;inset:0;z-index:-1;background:rgb(243 229 218/.1);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.65,0,.35,1)}
[dir=rtl] .dash-side .tutor-dashboard-sidebar-nav ul li a::before{transform-origin:right}
.dash-side .tutor-dashboard-sidebar-nav ul li a:is(:hover,:focus-visible,.active)::before{transform:none}
.dash-side .tutor-dashboard-sidebar-nav ul li a.active{color:#fff}
.dash-side .tutor-dashboard-sidebar-nav ul li a.active::before{background:#416EDD}
.dash-side .tutor-dashboard-sidebar-nav ul li:nth-of-type(5):not(:last-of-type)::after{border-color:var(--n-line)}
.dash-side-n{font:500 .72rem "JetBrains Mono",monospace;color:#869BF0}
.dash-side a.active .dash-side-n{color:rgb(255 255 255/.75)}
.dash-side-t{flex:1}
.dash-side .tutor-dashboard-sidebar-nav svg{color:currentColor!important;opacity:.7}
.dash-side-foot{display:grid;gap:12px;padding:14px}
.dash-side .tutor-see-all-courses{position:static;width:auto;justify-content:space-between;padding:14px 18px;border:1px solid var(--n-line);border-radius:16px;color:#F3E5DA;font-size:.95rem;font-weight:600;transition:background .3s,border-color .3s}
.dash-side .tutor-see-all-courses:is(:hover,:focus-visible){background:#416EDD;border-color:#416EDD}
.dash-side .tutor-see-all-courses .ti{font-size:1.2rem;transition:transform .45s cubic-bezier(.65,0,.35,1)}
[dir=rtl] .dash-side .tutor-see-all-courses .ti{transform:scaleX(-1)}
.dash-side .tutor-see-all-courses:hover .ti{transform:rotate(45deg)}
[dir=rtl] .dash-side .tutor-see-all-courses:hover .ti{transform:scaleX(-1) rotate(45deg)}
.dash-side .ctl{justify-content:space-between}

/* Home: blue hero, then numbers */
.dash-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:clamp(250px,30vw,360px);margin-block-end:14px;padding:clamp(26px,4vw,52px);border-radius:var(--lr);background:#416EDD;color:#fff}
.dash-hero>:not(canvas):not(.dash-hero-num){position:relative}
.dash-hero-num{position:absolute;inset-block-start:-.1em;inset-inline-end:clamp(10px,3vw,36px);font:800 clamp(9rem,21vw,18rem)/1 "Alexandria",sans-serif;color:transparent;-webkit-text-stroke:2px rgb(255 255 255/.22);pointer-events:none;user-select:none}
.dash-kick{margin:0 0 12px;font:500 .78rem "JetBrains Mono","IBM Plex Sans Arabic",monospace;color:rgb(255 255 255/.8)}
.tutor-dashboard-layout .dash-title{margin:0;font-size:clamp(2.2rem,5.4vw,4.6rem);line-height:1.2;color:#fff}
.dash-lead{margin:12px 0 26px;max-width:44ch;font-size:1.08rem;line-height:1.7;color:rgb(255 255 255/.88)}
.dash-hero .dash-cta{background:#F3E5DA;color:#312C3E}
.dash-hero .dash-cta .cta-i{background:#312C3E;color:#F3E5DA}

.tutor-student-dashboard-stats .tutor-grid{counter-reset:s;gap:14px}
.tutor-dashboard-layout .tutor-stat-card{position:relative;isolation:isolate;overflow:hidden;height:196px;padding:20px 22px;border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--ink);transition:color .35s,border-color .35s}
.tutor-dashboard-layout .tutor-stat-card::before{counter-increment:s;content:"0" counter(s);position:absolute;inset-block-end:20px;inset-inline-end:22px;font:500 .72rem "JetBrains Mono",monospace;color:var(--muted);transition:color .35s}
.tutor-dashboard-layout .tutor-stat-card::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--hero);transform:translateY(101%);transition:transform .55s cubic-bezier(.65,0,.35,1)}
.tutor-dashboard-layout .tutor-stat-card .tutor-stat-card-title{font-size:.95rem;font-weight:600;color:var(--muted);transition:color .35s}
.tutor-dashboard-layout .tutor-stat-card .tutor-stat-card-icon svg{color:var(--pr)!important;transition:color .35s}
.tutor-dashboard-layout .tutor-stat-card .tutor-stat-card-value{font:800 4.4rem/1 "Alexandria",sans-serif;color:var(--ink)!important;transition:color .35s}
.tutor-dashboard-layout .tutor-stat-card-enrolled .tutor-stat-card-value{color:var(--pr)!important}
.tutor-dashboard-layout .tutor-stat-card:is(a,[role=button]):is(:hover,:focus-visible){background:var(--surface);border-color:var(--hero)}
.tutor-dashboard-layout .tutor-stat-card:is(a,[role=button]):is(:hover,:focus-visible)::after{transform:none}
.tutor-dashboard-layout .tutor-stat-card:is(a,[role=button]):is(:hover,:focus-visible) :is(.tutor-stat-card-title,.tutor-stat-card-icon svg),.tutor-dashboard-layout .tutor-stat-card:is(a,[role=button]):is(:hover,:focus-visible)::before{color:#fff!important}
.tutor-dashboard-layout .tutor-stat-card:is(a,[role=button]):is(:hover,:focus-visible) .tutor-stat-card-value{color:#fff!important}

.tutor-student-dashboard-courses{margin-block-start:34px;padding-block-start:24px;border-block-start:1px solid var(--line)}
.tutor-student-dashboard-courses>div:first-child>.tutor-small{font:800 1.5rem/1.4 "Alexandria",sans-serif}
.tutor-dashboard-layout .tutor-progress-card{padding:12px;border:1px solid var(--line);border-radius:26px;background:var(--surface);transition:border-color .3s,transform .45s cubic-bezier(.65,0,.35,1)}
.tutor-dashboard-layout .tutor-progress-card:is(:hover,:focus-within){background:var(--surface);border-color:var(--pr);transform:translateY(-3px)}
.tutor-dashboard-layout .tutor-progress-card .tutor-progress-card-thumbnail,.tutor-dashboard-layout .tutor-progress-card .tutor-progress-card-thumbnail img{border-radius:16px}
.tutor-dashboard-layout .tutor-progress-card :is(h3,h4,h5,[class*=title]){font-family:"Alexandria",sans-serif;font-weight:800}

/* Home with no courses: three steps */
.dash-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.dash-step{position:relative;isolation:isolate;overflow:hidden;padding:22px 24px 26px;border:1px solid var(--line);border-radius:26px;background:var(--surface);transition:color .35s,border-color .35s}
.dash-step::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--hero);transform:translateY(101%);transition:transform .55s cubic-bezier(.65,0,.35,1)}
.dash-step:hover{color:#fff;border-color:var(--hero)}
.dash-step:hover::after{transform:none}
.dash-step-n{display:block;margin-block-end:40px;font:800 3.6rem/1 "Alexandria",sans-serif;color:var(--pr);transition:color .35s}
.dash-step:hover .dash-step-n{color:#fff}
.dash-step strong{display:block;font:800 1.25rem/1.5 "Alexandria",sans-serif}
.dash-step p{margin:8px 0 0;line-height:1.7;color:var(--muted);transition:color .35s}
.dash-step:hover p{color:rgb(255 255 255/.88)}
@media (max-width:900px){.dash-steps{grid-template-columns:1fr}.dash-step-n{margin-block-end:18px}}
@media (prefers-reduced-motion:reduce){.dash-side *,.dash-step,.dash-step *,.tutor-stat-card,.tutor-stat-card *{transition:none!important}}

/* ---- Lesson player ---- */
.tutor-learning-area{background:var(--bg);color:var(--ink)}
.tutor-learning-header{border-color:var(--line)!important;background:var(--bg)}
.tutor-learning-header-title,.tutor-learning-nav-header-title,.tutor-learning-nav-topic>*:first-child{font-family:"Alexandria",sans-serif;font-weight:800}
.tutor-learning-header-back{border-radius:999px}
.tutor-learning-sidebar{border-color:var(--line)!important;background:var(--surface)}
.tutor-learning-nav-header{border-color:var(--line)!important}
.tutor-learning-nav-topic{border-color:var(--line)!important}
.tutor-learning-nav-item{border-radius:14px;transition:background .3s,color .3s,padding .3s}
.tutor-learning-nav-item:hover{padding-inline-start:6px}
.tutor-learning-nav-item.tutor-active,.tutor-learning-nav-item.active,.tutor-learning-nav-item[aria-current]{background:var(--soft)!important;color:var(--pr)!important;font-weight:600}
.tutor-learning-area .tutor-progress-bar{height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.tutor-learning-area .tutor-progress-bar-fill{border-radius:6px;background:var(--pr)!important}
.tutor-learning-area-content{max-width:860px;margin-inline:auto}
.tutor-lesson-wrapper{border-radius:var(--lr)}
.tutor-lesson-wrapper :is(video,iframe,.plyr){border-radius:26px;overflow:hidden}
.tutor-lesson-content{font-size:1.12rem;line-height:2.05}
.tutor-lesson-content>*+*{margin-block-start:1.1em}
.tutor-lesson-content :is(h1,h2,h3){font-family:"Alexandria",sans-serif;font-weight:800;line-height:1.4}
.tutor-lesson-content h2{margin-block-start:1.8em;padding-block-start:.9em;border-block-start:1px solid var(--line);font-size:clamp(1.5rem,3vw,2.1rem)}
.tutor-lesson-content a{color:var(--pr);text-decoration:underline;text-underline-offset:5px}
.tutor-lesson-content :is(ul,ol){padding-inline-start:1.3em}
.tutor-lesson-content li::marker{color:var(--pr)}
.tutor-lesson-content pre{overflow:auto;padding:22px 24px;border-radius:22px;background:#221E2C;color:#F3E5DA;font:500 .92rem/1.8 "JetBrains Mono","IBM Plex Sans Arabic",monospace;direction:ltr;text-align:left}
.tutor-learning-area-footer{border-color:var(--line)!important;background:var(--bg)}
.tutor-learning-area .tutor-mark-as-complete-button,.tutor-learning-area-footer .tutor-btn-primary{min-height:50px;padding-inline:24px;border-radius:999px;font-weight:600}
.tutor-learning-area .tutor-btn{border-radius:999px}
.tutor-learning-area .tutor-tabs-content,.tutor-learning-area .tutor-tab-panel{border-color:var(--line)}

/* ---- Account pages of the student area and discussions ---- */
.tutor-account-page-wrapper{background:var(--bg);color:var(--ink)}
.tutor-account-header{border-color:var(--line)!important;background:var(--bg)}
.tutor-account-header-title,.tutor-account-page-wrapper :is(h1,h2,h3,h4,h5),.tutor-user-profile-title{font-family:"Alexandria",sans-serif;font-weight:800;letter-spacing:0}
.tutor-account-container{max-width:980px}
.tutor-profile-card,.tutor-account-page-wrapper :is(.tutor-card,[class*="-card"]:not([class*="card-"])){border-radius:28px;border-color:var(--line)}
.tutor-profile-card{overflow:hidden;background:var(--surface)}
.tutor-profile-card-header{border-radius:22px;overflow:hidden}
.tutor-profile-card .tutor-avatar{border:6px solid var(--surface);background:var(--soft);color:var(--pr);font-family:"Alexandria",sans-serif;font-weight:800}
.tutor-edit-profile-btn,.tutor-account-page-wrapper .tutor-btn{border-radius:999px}
.tutor-account-page-wrapper :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=url],textarea,select,.tutor-input,.tutor-form-control){border-radius:14px;border-color:var(--line);background:var(--bg);color:var(--ink)}
.tutor-account-page-wrapper :is(input,textarea,select):focus{border-color:var(--pr);outline:0;box-shadow:0 0 0 3px var(--soft)}
.tutor-account-page-wrapper .tutor-badge{border-radius:999px;font-family:"JetBrains Mono","IBM Plex Sans Arabic",monospace}
.tutor-dashboard-discussions .tutor-dashboard-page-card-header :is(h1,h2,h3,h4,.tutor-h4,.tutor-h5){font-family:"Alexandria",sans-serif;font-weight:800}
.tutor-dashboard-discussions [class*="discussion"][class*="item"],.tutor-dashboard-discussions [class*="discussion"][class*="card"]{border-radius:22px;border-color:var(--line);transition:border-color .3s,transform .4s cubic-bezier(.65,0,.35,1)}
.tutor-dashboard-discussions [class*="discussion"][class*="item"]:hover{border-color:var(--pr);transform:translateY(-3px)}
.tutor-dashboard-discussions .tutor-btn,.tutor-dropdown-filter{border-radius:999px}
@media (max-width:860px){.tutor-learning-header-inner{min-width:0;gap:8px}.tutor-learning-header-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}