@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&family=Google+Sans:wght@400;500;600;700&display=swap');
.etcm-language{position:fixed;inset-inline-end:20px;bottom:20px;z-index:1000;display:flex;gap:4px;background:#fff;padding:5px;border:1px solid #e7e7ea;border-radius:12px;box-shadow:0 6px 22px #0001;font:14px "Google Sans",Almarai,Arial,sans-serif}
.etcm-language a{padding:9px 12px;text-decoration:none;color:#242428;border-radius:8px;line-height:1.4}
.etcm-language a[aria-current=true]{background:#fff0f1;color:#b80718;font-weight:700}
.etcm-language a:focus-visible{outline:3px solid #111;outline-offset:2px}
html[lang^=ar] body.tutor-frontend,html[lang^=ar] body.tutor-frontend :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,span,div),html[lang^=ar] .etcm-page{font-family:var(--etcm-font)!important;letter-spacing:normal!important}
html[dir=rtl] .tutor-dashboard-layout{direction:rtl}
html[dir=rtl] .tutor-dashboard-sidebar-nav a.active{box-shadow:inset -3px 0 #d9091c}
html[dir=rtl] .tutor-dashboard-header,html[dir=rtl] .tutor-dashboard-body,html[dir=rtl] .tutor-dashboard-isolated-page-wrapper{text-align:right}
html[dir=rtl] :is(input[type=email],input[type=url],input[type=tel]){direction:ltr;text-align:left}
.etcm-course-empty{background:#fff;border:1px solid #e7e7ea;border-radius:20px;padding:clamp(24px,5vw,56px);max-width:850px;margin:0 auto 40px;text-align:center;box-shadow:0 18px 44px -30px #0a0a0c66}
.etcm-course-empty h2{font-size:clamp(24px,3vw,34px);line-height:1.3;color:#0a0a0c}
.etcm-course-empty p{color:#52525b;font-size:17px;line-height:1.8;max-width:58ch;margin:0 auto 26px}
.etcm-empty-icon{display:inline-grid;place-items:center;background:#d9091c;color:#fff;width:64px;height:64px;border-radius:50%;font:700 42px Arial,sans-serif}
.etcm-course-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.etcm-course-actions>a:not(.etcm-button){color:#a90013;text-underline-offset:4px}
body.etcm-catalogue{min-height:100vh}
/* Tutor's fallback login/registration shells also inherit the site identity. */
body.tutor-frontend:not(.tutor-screen-frontend-dashboard){font-family:var(--etcm-font);background:#f5f5f3;color:#0a0a0c}
body.tutor-frontend:not(.tutor-screen-frontend-dashboard)>#page>header{background:#fff;border-top:4px solid #d9091c;padding:20px 5%;border-bottom:1px solid #e7e7ea}
body.tutor-frontend:not(.tutor-screen-frontend-dashboard)>#page>header a{color:#d9091c;text-decoration:none;font-size:20px;letter-spacing:.06em}
@media(max-width:768px){.etcm-language{bottom:84px;inset-inline-end:12px}.etcm-catalogue .etcm-language{bottom:14px}.etcm-header{gap:16px;flex-wrap:wrap}.etcm-header nav{flex-wrap:wrap}.etcm-course-actions{gap:18px}}