/* HTW Tutor Skin. Everything is scoped to body.htws, so only Tutor pages change. Tutor still does the work. */
body.htws{
  --htw-navy:#0A1F41;--htw-deep:#061530;--htw-blue:#1F5FD6;--htw-ice:#EAF1FF;--htw-orange:#FF7F00;--htw-orange-dk:#E26F00;
  --htw-paper:#F6F8FC;--htw-ink:#142238;--htw-muted:#5C6B82;--htw-line:#D9E2F1;--htw-peach:#FFF1E2;
  --htw-display:"Lalezar","IBM Plex Sans Arabic",Tahoma,sans-serif;--htw-body:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
  /* Tutor's own colour variables */
  --tutor-color-primary:#1F5FD6;--tutor-color-primary-hover:#1A4FB4;--tutor-color-primary-rgb:31,100,214;
  --tutor-body-color:#142238;--tutor-border-color:#D9E2F1;--tutor-color-success:#1F8A5B;
  font-family:var(--htw-body);background:var(--htw-paper);color:var(--htw-ink);-webkit-font-smoothing:antialiased;
}
body.htws .tutor-wrap,body.htws .tutor-wrap *:not(i):not([class^="tutor-icon"]):not([class*=" tutor-icon"]){font-family:var(--htw-body)}
body.htws h1,body.htws h2,body.htws h3,body.htws .tutor-fs-3,body.htws .tutor-course-details-title,body.htws .tutor-dashboard-title{font-family:var(--htw-display);font-weight:400;letter-spacing:0;color:var(--htw-navy)}
body.htws :focus-visible{outline:3px solid var(--htw-orange);outline-offset:3px;border-radius:6px}
body.htws .tutor-wrap{--tutor-gutter-x:24px}

/* buttons: the call to action is orange with navy text (white on orange is too faint) */
body.htws .tutor-btn{border-radius:14px;font-weight:700;min-height:48px;padding:0 24px;border-width:1.5px;transition:transform .16s,background .16s,border-color .16s,color .16s;line-height:1.2}
body.htws .tutor-btn:hover{transform:translateY(-2px)}
body.htws .tutor-btn-primary,body.htws .tutor-btn-primary:visited{background:var(--htw-orange);border-color:var(--htw-orange);color:var(--htw-navy)}
body.htws .tutor-btn-primary:hover,body.htws .tutor-btn-primary:focus{background:var(--htw-orange-dk);border-color:var(--htw-orange-dk);color:var(--htw-navy)}
body.htws .tutor-btn-outline-primary{border-color:var(--htw-navy);color:var(--htw-navy);background:#fff}
body.htws .tutor-btn-outline-primary:hover{background:var(--htw-navy);border-color:var(--htw-navy);color:#fff}
body.htws .tutor-btn-sm{min-height:40px;padding:0 16px}
body.htws .tutor-btn-block{width:100%}

/* cards */
body.htws .tutor-card{border:1px solid var(--htw-line);border-radius:20px;box-shadow:none;background:#fff;overflow:hidden}
body.htws .tutor-card-footer{background:transparent;border-top:1px solid var(--htw-line)}

/* progress */
body.htws .tutor-progress-bar{height:10px;border-radius:99px;background:var(--htw-ice);overflow:hidden}
body.htws .tutor-progress-bar .tutor-progress-value{background:linear-gradient(90deg,#F8A45A,var(--htw-orange));border-radius:99px}

/* form fields */
body.htws .tutor-form-control,body.htws .tutor-form-select{min-height:50px;border:1.5px solid var(--htw-line);border-radius:12px;background:#fff;color:var(--htw-ink);font-size:16px}
body.htws .tutor-form-control:focus{border-color:var(--htw-blue);box-shadow:0 0 0 3px rgba(31,95,214,.15)}
body.htws .tutor-form-label{font-weight:700;color:var(--htw-navy)}

/* ============ student dashboard ============ */
body.htws.tutor-screen-frontend-dashboard .tutor-dashboard{max-width:1180px;margin-inline:auto;padding-block:24px 64px}
body.htws .tutor-frontend-dashboard-header{margin:0 0 24px;padding:24px 28px;border:0;border-radius:22px;background:radial-gradient(500px 220px at 90% 0,#16305c,transparent 70%),var(--htw-navy);color:#fff}
body.htws .tutor-frontend-dashboard-header *{color:inherit}
body.htws .tutor-dashboard-header-avatar .tutor-avatar{border:3px solid rgba(255,255,255,.35);background:var(--htw-orange);color:var(--htw-navy)}
body.htws .tutor-dashboard-header-greetings{font-size:15px;color:#C9D6F2!important}
body.htws .tutor-dashboard-header-display-name{font:400 30px/1.2 var(--htw-display)!important;color:#fff!important}
body.htws .tutor-dashboard-header-username a{color:#C9D6F2}
body.htws .tutor-frontend-dashboard-header .tutor-btn{background:var(--htw-orange);border-color:var(--htw-orange);color:var(--htw-navy)}

/* side menu */
body.htws .tutor-dashboard-left-menu{position:sticky;top:96px;align-self:flex-start}
body.htws .tutor-dashboard-permalinks{list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--htw-line);border-radius:20px}
body.htws .tutor-dashboard-menu-divider{border-color:var(--htw-line);margin:6px 8px}
body.htws .tutor-dashboard-permalinks a{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 16px;margin:2px 0;border-radius:14px;color:var(--htw-ink);font-weight:500;font-size:16px;border:0;transition:background .16s,color .16s}
body.htws .tutor-dashboard-permalinks a:hover{background:var(--htw-ice);color:var(--htw-navy)}
body.htws .tutor-dashboard-permalinks li.active a{background:var(--htw-navy);color:#fff;font-weight:700}
body.htws .tutor-dashboard-permalinks li.active .tutor-dashboard-menu-item-icon{color:var(--htw-orange)}
body.htws .tutor-dashboard-menu-item-icon{color:var(--htw-muted);font-size:20px}
body.htws .tutor-dashboard-menu-logout a{color:#9B2C2C}

/* content */
body.htws .tutor-dashboard-content{padding:0}
body.htws .tutor-dashboard-content-inner{background:transparent}
body.htws .tutor-dashboard-title,body.htws .tutor-dashboard-content-inner>.tutor-fs-5,body.htws .tutor-dashboard-content .tutor-fs-5.tutor-fw-medium{font:400 28px/1.3 var(--htw-display)!important;color:var(--htw-navy)}
body.htws .tutor-dashboard-content-inner .tutor-card.tutor-card-md,body.htws .tutor-dashboard-content-inner .tutor-card{padding:0}
body.htws .tutor-dashboard-content-inner .tutor-card .tutor-card-body{padding:24px}
body.htws .tutor-dashboard-content-inner .tutor-fs-3{font-family:var(--htw-display)!important;font-size:44px!important;color:var(--htw-navy)}
body.htws .tutor-dashboard-content-inner .tutor-round-box,body.htws .tutor-dashboard-content-inner .tutor-icon-box{background:var(--htw-ice);color:var(--htw-blue)}
body.htws .tutor-dashboard-content-inner .tutor-card .tutor-color-muted{color:var(--htw-muted)!important}

/* continue card (added by the plugin) */
body.htws .htws-resume{display:flex;align-items:center;gap:20px;margin:0 0 24px;padding:18px;border-radius:22px;background:var(--htw-peach);border:1px solid #F4D2AC}
body.htws .htws-resume-img{flex:none;width:160px;height:110px;object-fit:cover;border-radius:16px}
body.htws .htws-resume-body{flex:1;min-width:0}
body.htws .htws-resume small{display:block;color:#8A4A10;font-weight:700;font-size:14.5px}
body.htws .htws-resume h2{margin:2px 0 10px;font-size:26px;line-height:1.3}
body.htws .htws-bar{height:10px;border-radius:99px;background:#fff;overflow:hidden}
body.htws .htws-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#F8A45A,var(--htw-orange))}
body.htws .htws-pct{display:block;margin-top:6px;color:var(--htw-muted);font-size:14.5px}
body.htws .htws-resume-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:14px;background:var(--htw-orange);color:var(--htw-navy);font-weight:700;font-size:17px;text-decoration:none;transition:transform .16s,background .16s}
body.htws .htws-resume-btn:hover{background:var(--htw-orange-dk);transform:translateY(-2px);color:var(--htw-navy)}

/* ============ course page: price and subscribe box ============ */
body.htws.single-courses{background:var(--htw-paper)}
body.htws .tutor-course-details-title{font-size:clamp(34px,4.4vw,52px);line-height:1.25}
body.htws .tutor-course-details-header{margin-bottom:24px}
body.htws .tutor-course-thumbnail img,body.htws .tutor-course-thumbnail{border-radius:22px;overflow:hidden}
body.htws .tutor-course-sidebar-card{border-radius:22px;border:1px solid var(--htw-line);box-shadow:0 18px 40px rgba(10,31,65,.1);background:#fff;overflow:hidden}
body.htws .tutor-course-sidebar-card .tutor-card-body{padding:24px}
body.htws .tutor-course-sidebar-card .tutor-fs-4,body.htws .tutor-course-sidebar-card .tutor-fw-bold,body.htws .tutor-course-sidebar-card .tutor-course-price,body.htws .tutor-course-sidebar-card .price{font-family:var(--htw-display)!important;font-weight:400!important;font-size:46px!important;line-height:1.1;color:var(--htw-navy)}
body.htws .tutor-course-sidebar-card .tutor-btn{width:100%;min-height:54px;font-size:17px}
body.htws .tutor-course-sidebar-card .tutor-card-footer{background:var(--htw-paper);padding:20px 24px}
body.htws .tutor-course-sidebar-card .tutor-meta{color:var(--htw-ink);font-size:15.5px;gap:10px}
body.htws .tutor-course-sidebar-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body.htws .tutor-course-details-tab .tutor-nav,body.htws .tutor-course-details-tab .tutor-nav-link{font-weight:700}
body.htws .tutor-course-details-tab .tutor-nav-link.is-active{color:var(--htw-navy);border-color:var(--htw-orange)}
body.htws .tutor-accordion-item{border:1px solid var(--htw-line);border-radius:16px;margin-bottom:10px;overflow:hidden;background:#fff}
body.htws .tutor-accordion-item-header{font-weight:700;color:var(--htw-navy);padding:16px 20px}
body.htws .tutor-course-content-list-item{padding:14px 20px;border-top:1px solid var(--htw-line)}
body.htws .tutor-course-progress-wrapper{background:var(--htw-paper);border-radius:16px;padding:16px}

/* ============ course list ============ */
body.htws .tutor-courses-wrap .tutor-course-card{border-radius:22px;border:1px solid var(--htw-line);overflow:hidden;transition:box-shadow .28s,transform .28s}
body.htws .tutor-courses-wrap .tutor-course-card:hover{box-shadow:0 22px 44px rgba(10,31,65,.13);transform:translateY(-4px)}
body.htws .tutor-course-name a{font-family:var(--htw-display);font-weight:400;font-size:24px;line-height:1.3;color:var(--htw-navy)}
body.htws .tutor-course-card .tutor-card-footer{padding:16px 20px}

/* ============ login and register ============ */
body.htws .tutor-login-wrap,body.htws .tutor-form-wrap,body.htws .tutor-login-form-wrap{max-width:460px;margin-inline:auto;padding:32px;background:#fff;border:1px solid var(--htw-line);border-radius:22px}

/* ============ phone ============ */
@media(max-width:991px){
  body.htws .tutor-dashboard-left-menu{position:static;margin-bottom:16px}
  body.htws .tutor-dashboard-permalinks{display:flex;gap:6px;overflow-x:auto;padding:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  body.htws .tutor-dashboard-permalinks::-webkit-scrollbar{display:none}
  body.htws .tutor-dashboard-permalinks li{flex:none}
  body.htws .tutor-dashboard-permalinks a{min-height:46px;white-space:nowrap}
  body.htws .tutor-dashboard-menu-divider{display:none}
  body.htws .tutor-dashboard-menu-toggler{display:none}
  body.htws .tutor-frontend-dashboard-header{padding:18px}
  body.htws .htws-resume{flex-wrap:wrap}
  body.htws .htws-resume-img{width:100%;height:150px}
  body.htws .htws-resume-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){body.htws *,body.htws *::before{transition:none!important}}

/* stronger selectors for the parts Tutor styles with its own specificity */
body.htws .tutor-dashboard .tutor-dashboard-permalinks li.active a,body.htws .tutor-dashboard .tutor-dashboard-permalinks li.active a:hover{background:var(--htw-navy)!important;color:#fff!important}
body.htws .tutor-dashboard .tutor-dashboard-permalinks li.active a .tutor-dashboard-menu-item-icon{color:var(--htw-orange)!important}
body.htws .tutor-dashboard .tutor-dashboard-permalinks li a:hover{background:var(--htw-ice)}
body.htws .tutor-dashboard-left-menu .tutor-dashboard-permalinks{width:100%;box-sizing:border-box;overflow:visible}

/* v1.0 polish: smaller thumbnails in dashboard cards, hide empty sidebar footer */
body.htws .tutor-dashboard .tutor-course-card .tutor-course-thumbnail,
body.htws .tutor-dashboard .tutor-card .tutor-ratio{max-height:150px;overflow:hidden}
body.htws .tutor-dashboard .tutor-course-card img{max-height:150px;width:100%;object-fit:cover}
body.htws .tutor-course-sidebar-card .tutor-card-footer:empty{display:none}
@media (max-width:991px){
 body.htws .tutor-dashboard{padding-bottom:90px}
}