/* Hero Skin 1.6.2: the homepage look on every other page.
   Loaded after home.css (which carries the tokens, glass, buttons, nav island and footer under .hh).
   Here: hide the theme's Elementor header/footer, put the page on graph paper, and restyle the
   theme / Tutor / WooCommerce pieces (buttons, cards, fields, course header) with the same language. */

body.hs-on{
  --hs-ink:#141414; --hs-slate:#4A5056; --hs-muted:#5f656b; --hs-paper:#F0F1F2;
  --hs-red:#D2122E; --hs-red-hi:#E0233B; --hs-red-deep:#A50E24; --hs-ok:#0b8a5f;
  --hs-ease:cubic-bezier(.32,.72,0,1);
  --hs-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --hs-body:"Alexandria","Segoe UI",system-ui,sans-serif;
  background-color:var(--hs-paper)!important;
  background-image:linear-gradient(#14141412 1px,transparent 1px),linear-gradient(90deg,#14141412 1px,transparent 1px),linear-gradient(#14141408 1px,transparent 1px),linear-gradient(90deg,#14141408 1px,transparent 1px)!important;
  background-size:120px 120px,120px 120px,24px 24px,24px 24px!important;
  background-attachment:fixed!important;
  color:var(--hs-ink);
  font-family:var(--hs-body)!important;
}

/* theme chrome out, ours in */
body.hs-on .elementor-location-header,
body.hs-on .elementor-location-footer,
body.hs-on .edu-search-popup,
body.hs-on .devsblink-progress-parent,
body.hs-on .edublink-header-area:not(.hh *){display:none!important}
body.hs-on .hs-top .hs-spacer{height:calc(var(--top) + 92px)}
body.hs-on .hs-bottom{margin-top:80px;background:transparent}
body.hs-on .hs-bottom .hh-foot{background:rgba(255,255,255,.55)}
body.hs-on .hh{background:transparent}
.hs-badge{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9999;padding:8px 14px;border-radius:999px;background:#141414;color:#fff!important;font:600 12px/1.2 system-ui,sans-serif;text-decoration:none!important}

/* type */
body.hs-on :is(p,li,td,th,label,input,select,textarea,button,a,dd,dt,blockquote):not(.hh *):not([class*="icon"]):not(i){font-family:var(--hs-body)}
body.hs-on :is(h1,h2,h3,h4,h5,h6):not(.hh *){font-family:var(--hs-display)!important;letter-spacing:-.025em;color:var(--hs-ink)}
body.hs-on .site-content-inner h1:not(.hh *),body.hs-on .entry-title{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;line-height:1.05}

/* page frame: content sits on a glass sheet */
body.hs-on .site-content-inner.edublink-page-container{padding-top:12px}
body.hs-page .site-content-inner #primary .site-main > article,
body.hs-page .site-content-inner #primary .site-main > .page{
  background:linear-gradient(140deg,rgba(255,255,255,.8),rgba(255,255,255,.5));
  border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:clamp(18px,3vw,36px);
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,20,20,.05),0 24px 48px -30px rgba(20,20,20,.3)}

/* ---------- buttons ---------- */
body.hs-on :is(.tutor-btn-primary,.tutor-btn.tutor-btn-primary,.tutor-btn-block.tutor-btn-primary,.single_add_to_cart_button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce-page .button.alt,.wc-block-components-button,.edu-btn,.edublink-button-item,.elementor-button,.tutor-enroll-course-button,.heco-btn,.heco-rf-btn,.course-sidebar-btn,.eb-tl-course-complete,.tutor-btn-primary,input[type="submit"].button-primary,.um-button):not(.hh *){
  background:linear-gradient(180deg,var(--hs-red-hi),var(--hs-red) 55%,#bb0f28)!important;
  color:#fff!important;border:0!important;border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 6px rgba(120,6,22,.35),0 10px 24px -10px rgba(210,18,46,.6)!important;
  font-family:var(--hs-display)!important;font-weight:700!important;letter-spacing:-.01em!important;text-transform:none!important;
  transition:transform .5s var(--hs-ease),box-shadow .5s var(--hs-ease)!important}
body.hs-on :is(.tutor-btn-primary,.single_add_to_cart_button,.woocommerce a.button.alt,.woocommerce button.button.alt,.wc-block-components-button,.edu-btn,.edublink-button-item,.elementor-button,.tutor-enroll-course-button,.heco-btn,.heco-rf-btn,.course-sidebar-btn,.eb-tl-course-complete,.um-button):not(.hh *):hover{
  transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 6px rgba(120,6,22,.35),0 16px 34px -12px rgba(210,18,46,.7)!important;color:#fff!important}
body.hs-on :is(.tutor-btn-primary,.single_add_to_cart_button,.edu-btn,.edublink-button-item,.elementor-button,.heco-btn,.um-button):not(.hh *):active{transform:scale(.98)!important}

body.hs-on :is(.tutor-btn-outline-primary,.tutor-btn-secondary,.tutor-btn-tertiary,.woocommerce a.button:not(.alt),.woocommerce button.button:not(.alt),.um-alt):not(.hh *){
  background:linear-gradient(140deg,rgba(255,255,255,.85),rgba(255,255,255,.5))!important;color:var(--hs-ink)!important;
  border:1px solid rgba(255,255,255,.9)!important;border-radius:999px!important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,20,20,.06),0 12px 26px -18px rgba(20,20,20,.4)!important;
  font-family:var(--hs-display)!important;font-weight:700!important;text-transform:none!important;transition:transform .5s var(--hs-ease),box-shadow .5s var(--hs-ease)!important}
body.hs-on :is(.tutor-btn-outline-primary,.tutor-btn-secondary,.woocommerce a.button:not(.alt),.woocommerce button.button:not(.alt)):not(.hh *):hover{transform:translateY(-2px)!important;color:var(--hs-ink)!important}

/* ---------- fields ---------- */
body.hs-on :is(input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="search"],input[type="url"],select,textarea,.tutor-form-control):not(.hh *){
  border-radius:14px!important;border:1px solid #d9dce0!important;background:rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 2px rgba(20,20,20,.04)!important;transition:border-color .2s,box-shadow .2s!important;color:var(--hs-ink)}
body.hs-on :is(input,select,textarea,.tutor-form-control):not(.hh *):focus{border-color:var(--hs-red)!important;box-shadow:0 0 0 4px rgba(210,18,46,.12)!important;outline:none!important}

/* ---------- cards ---------- */
body.hs-on :is(.edublink-single-course .inner,.tutor-card,.tutor-course-card,.edublink-category-1,.woocommerce ul.products li.product,.tutor-dashboard-content-inner .tutor-card):not(.hh *){
  background:linear-gradient(140deg,rgba(255,255,255,.82),rgba(255,255,255,.52))!important;
  border:1px solid rgba(255,255,255,.9)!important;border-radius:24px!important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,20,20,.05),0 22px 44px -28px rgba(20,20,20,.32)!important;
  transition:transform .7s var(--hs-ease),box-shadow .7s var(--hs-ease)!important;overflow:hidden}
body.hs-on :is(.edublink-single-course,.edublink-category-1,.tutor-course-card):not(.hh *):hover{transform:translateY(-6px)}
body.hs-on .edublink-single-course:hover .inner{box-shadow:inset 0 1px 0 #fff,0 30px 54px -28px rgba(20,20,20,.4)!important}
body.hs-on .edublink-single-course .thumbnail,body.hs-on .edublink-single-course .thumbnail img{border-radius:18px!important;overflow:hidden}
body.hs-on .edublink-single-course .thumbnail img{transition:transform 1s var(--hs-ease)!important}
body.hs-on .edublink-single-course:hover .thumbnail img{transform:scale(1.05)}
body.hs-on .edublink-single-course .course-price,body.hs-on .tutor-course-price,body.hs-on .tutor-item-price{font-family:var(--hs-display)!important;font-weight:800!important}
body.hs-on .edublink-single-course .course-cat,body.hs-on .edublink-single-course .course-cat a{font-family:"JetBrains Mono",ui-monospace,monospace!important;font-size:11px!important;color:var(--hs-slate)!important;background:rgba(255,255,255,.85);border-radius:999px;padding:3px 9px}

/* ---------- single course header (EduBlink red banner -> drafting paper) ---------- */
body.hs-on .edublink-course-page-header{background:transparent!important;background-image:none!important;padding-top:10px!important}
body.hs-on .edublink-course-page-header::before,body.hs-on .edublink-course-page-header::after{display:none!important}
body.hs-on .edublink-course-page-header .shape-dot-wrapper{display:none!important}
body.hs-on .edublink-course-page-header .eb-course-header-breadcrumb-content{background:linear-gradient(140deg,rgba(255,255,255,.82),rgba(255,255,255,.5))!important;border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:inset 0 1px 0 #fff,0 24px 48px -30px rgba(20,20,20,.3);max-width:1200px;margin:0 auto;padding:clamp(22px,4vw,48px)!important}
body.hs-on .edublink-course-page-header :is(h1,.entry-title,a,span,li){color:var(--hs-ink)!important}
body.hs-on .edublink-course-page-header .entry-title{font-size:clamp(2rem,4.6vw,3.6rem)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.02!important}
body.hs-on .eb-course-header-breadcrumb .breadcrumb,body.hs-on .eb-course-header-breadcrumb .breadcrumb a{font-family:"JetBrains Mono",ui-monospace,monospace!important;font-size:12px!important;color:var(--hs-muted)!important}
body.hs-on .eb-course-header-breadcrumb{background:transparent!important}

/* sidebar / info boxes on course and archive pages */
body.hs-on :is(.edublink-course-details-sidebar-inner,.edublink-course-sidebar,.tutor-sidebar-card,.course-sidebar-3,.eb-course-sidebar,.widget,.tutor-course-details-widget):not(.hh *){
  background:linear-gradient(140deg,rgba(255,255,255,.85),rgba(255,255,255,.55))!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:24px!important;
  box-shadow:inset 0 1px 0 #fff,0 22px 44px -28px rgba(20,20,20,.32)!important}

/* tabs, accordions (Tutor course content) */
body.hs-on .tutor-nav-link.is-active,body.hs-on .tutor-nav-link:hover{color:var(--hs-red)!important;border-color:var(--hs-red)!important}
body.hs-on .tutor-accordion-item{border-radius:16px!important;overflow:hidden;border:1px solid #e3e5e8!important;background:rgba(255,255,255,.75)!important}
body.hs-on .tutor-accordion-item-header.is-active{color:var(--hs-red)!important}

/* links + accents */
body.hs-on .site-content-inner a:not(.hh *):not([class*="btn"]):not(.button):not(.elementor-button):hover{color:var(--hs-red)}
body.hs-on .tutor-color-primary,body.hs-on .tutor-text-primary{color:var(--hs-red)!important}
body.hs-on ::selection{background:var(--hs-red);color:#fff}

/* woo notices + tables */
body.hs-on :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.tutor-alert):not(.hh *){border-radius:16px!important;border:1px solid rgba(255,255,255,.9)!important;background:rgba(255,255,255,.8)!important;box-shadow:0 14px 30px -22px rgba(20,20,20,.35)!important}
body.hs-on .woocommerce table.shop_table{border-radius:18px!important;overflow:hidden;background:rgba(255,255,255,.8)}

/* entrance: content sheet rises in once */
@media (prefers-reduced-motion:no-preference){
  body.hs-page .site-content-inner,body.hs-page .edublink-course-page-header{animation:hs-rise .9s var(--hs-ease) .05s backwards}
  @keyframes hs-rise{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
}
@media (prefers-reduced-motion:reduce){
  body.hs-on *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* Hero ECO wallet top-up form (heco-rf-*) */
body.hs-on .heco-rf-balance,body.hs-on .heco-rf-steps,body.hs-on .heco-rf-pay,body.hs-on .heco-rf-wait,body.hs-on .heco-rf-done{
  border-radius:22px!important;border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 0 #fff,0 18px 38px -26px rgba(20,20,20,.35)!important}
body.hs-on .heco-rf-balance{background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.6))!important}
body.hs-on .heco-rf-balance strong,body.hs-on .heco-rf-balance b,body.hs-on .heco-rf-balance [class*=amount],body.hs-on .heco-rf-balance [class*=val]{color:var(--hs-red)!important;font-family:var(--hs-display)!important}
body.hs-on .heco-rf-steps,body.hs-on .heco-rf-pay{background:linear-gradient(140deg,rgba(255,255,255,.88),rgba(255,255,255,.58))!important}
body.hs-on .heco-rf-copy,body.hs-on .heco-rf-lang{border-radius:999px!important;border:1px solid #d9dce0!important;background:#fff!important;transition:transform .4s var(--hs-ease)!important}
body.hs-on .heco-rf-copy:hover,body.hs-on .heco-rf-lang:hover{transform:translateY(-1px);border-color:var(--hs-red)!important;color:var(--hs-red)!important}
body.hs-on .heco-rf-btn{height:52px!important;width:100%}
body.hs-on .heco-rf-acc{border-radius:10px!important;font-family:"JetBrains Mono",ui-monospace,monospace!important}

/* ---------- EduBlink's colour variables, which the sign-up form (and other leftovers) still read ----------
   The theme is gone, so every --edublink-* was empty: the sign-up chips, faculty cards, checkbox and step dots
   had no border, no fill and no selected state. Same names, Herucation values. */
body.hs-on{
  --edublink-color-primary:#D2122E; --edublink-color-primary-alt:#A50E24; --edublink-color-secondary:#0b8a5f;
  --edublink-color-heading:#141414; --edublink-color-body:#4A5056; --edublink-color-border:#d9dce0;
  --edublink-color-white:#ffffff; --edublink-color-lighten01:#F0F1F2;
  --edublink-color-tertiary:#E0A100; --edublink-gradient-primary:linear-gradient(180deg,#E0233B,#D2122E 55%,#B40F28);
  --edublink-radius:14px; --edublink-radius-small:12px; --edublink-radius-big:24px;
  --edublink-shadow-darker:0 18px 40px -22px rgba(20,20,20,.35); --edublink-transition:all .3s cubic-bezier(.32,.72,0,1);
  --edublink-font-primary:"Alexandria","Segoe UI",system-ui,sans-serif; --edublink-font-secondary:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
}

/* ---------- Tutor brand colour everywhere (buttons, links, active states, progress) ---------- */
body.hs-on{
  --tutor-color-primary:#D2122E;--tutor-color-primary-rgb:210,18,46;--tutor-color-primary-hover:#A50E24;
  --tutor-color-brand:#D2122E;--tutor-color-design-brand:#D2122E;--tutor-brand-color:#D2122E;
  --tutor-color-success:#0b8a5f;
  /* Tutor 3 design system (tutor-core.css) reads a brand scale that defaults to blue: give it Herucation red */
  --tutor-brand-50:#FFF1F3;--tutor-brand-100:#FFE4E8;--tutor-brand-200:#FFCCD4;--tutor-brand-300:#FFA3B1;--tutor-brand-400:#F86D82;
  --tutor-brand-500:#E0233B;--tutor-brand-600:#D2122E;--tutor-brand-700:#A50E24;--tutor-brand-800:#8A0F22;--tutor-brand-900:#741121;--tutor-brand-950:#40040E;
  /* Tutor's red TEXT (#ED485F) read 3–3.7:1 on its pink chips and on white: the deep brand red reads 6:1+ */
  --tutor-text-brand:#B40F28;
  /* Tutor's own type (Inter, 4 weights downloaded on every dashboard and lesson) → the site's two faces */
  --tutor-font-family-heading:var(--hs-display);--tutor-font-family-body:var(--hs-body);
}
/* "Complete Your Profile / Set Your Profile Photo" card: not used on Herucation (owner's call) */
body.hs-on .tutor-profile-completion{display:none!important}
body.hs-on .tutor-progress-bar-fill,body.hs-on .tutor-progress-value,body.hs-on [class*="progress-bar"] > [class*="fill"],body.hs-on .tutor-learning-progress [style*="width"]{background:linear-gradient(90deg,#A50E24,#E0233B)!important}

/* ---------- lesson / learning screens ---------- */
body.hs-learn .tutor-learning-page,body.hs-learn .tutor-learning-area{background:transparent!important}
body.hs-learn .tutor-learning-area.tutor-has-site-header{--tutor-site-header-height:0px}
body.hs-learn .tutor-learning-header{
  margin:0 auto 14px;max-width:1400px;border-radius:22px!important;
  background:linear-gradient(140deg,rgba(255,255,255,.85),rgba(255,255,255,.55))!important;border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 0 #fff,0 18px 38px -28px rgba(20,20,20,.35)!important}
body.hs-learn .tutor-learning-header-title{font-family:var(--hs-display)!important;font-weight:800!important;letter-spacing:-.02em}
body.hs-learn .tutor-learning-sidebar{
  border-radius:24px!important;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.62))!important;border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 0 #fff,0 22px 44px -30px rgba(20,20,20,.35)!important}
body.hs-learn .tutor-learning-sidebar a,body.hs-learn .tutor-learning-sidebar [class*="item"]{border-radius:14px!important;transition:background-color .3s,transform .4s var(--hs-ease)}
body.hs-learn .tutor-learning-sidebar [class*="active"],body.hs-learn .tutor-learning-sidebar .is-active{background:rgba(210,18,46,.08)!important}
body.hs-learn .tutor-learning-sidebar [class*="active"] [class*="title"],body.hs-learn .tutor-learning-sidebar .is-active [class*="title"]{color:#A50E24!important}
body.hs-learn .tutor-learning-area-body > :not(.tutor-learning-sidebar){border-radius:24px}
body.hs-learn :is(.tutor-course-topic-single-body,.tutor-lesson-content,.tutor-learning-content,.tutor-learning-main) :is(.tutor-card,[class*="tabs"]){border-radius:20px!important}
body.hs-learn .tutor-btn-ghost{border-radius:999px!important}
/* only the current lesson is highlighted, not the whole topic around it (it gave two red layers) */
body.hs-learn .tutor-learning-sidebar .tutor-learning-nav-topic.active{background:transparent!important}
/* lesson list: no full-screen toggle; "More" opens DOWNWARD inside the list (in the flow, so it can never fall off the screen) */
body.hs-learn .tutor-learning-sidebar .tutor-expand-btn{display:none!important}
body.hs-learn .tutor-learning-sidebar .tutor-popover.tutor-popover-bottom{position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin:6px 0 0!important;box-shadow:none!important;border:1px solid rgba(20,20,20,.08)!important;border-radius:16px!important}
/* the protected YouTube player's accent (play button, progress) set in its settings as blue: brand red */
body.hs-on .tytp{--tytp-accent:#D2122E!important}
body.hs-learn .tutor-btn-ghost:hover{background:rgba(210,18,46,.08)!important;color:#A50E24!important}

/* ---------- Tutor dashboard (own shell, restyled) ---------- */
body.hs-dash .tutor-dashboard-layout{background:transparent!important}
body.hs-dash .tutor-dashboard-sidebar{
  background:linear-gradient(170deg,rgba(255,255,255,.88),rgba(255,255,255,.6))!important;
  border-right:1px solid rgba(20,20,20,.06)!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.9),12px 0 40px -34px rgba(20,20,20,.35)!important}
body.hs-dash .tutor-dashboard-sidebar-logo{display:flex!important;align-items:center;text-decoration:none!important;padding-block:18px!important}
body.hs-dash .hs-brand{display:inline-flex;align-items:center;gap:9px;color:#141414}
body.hs-dash .hs-brand .hs-wm{font:500 21px/1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em}
body.hs-dash .hs-brand .hs-wm b{font-weight:800}
body.hs-dash .tutor-dashboard-sidebar-nav a{border-radius:14px!important;font-family:var(--hs-body)!important;font-weight:600!important;color:#4A5056!important;transition:background-color .3s,color .3s,transform .4s var(--hs-ease)!important}
body.hs-dash .tutor-dashboard-sidebar-nav a:hover{background:rgba(20,20,20,.04)!important;color:#141414!important;transform:translateX(3px)}
body.hs-dash .tutor-dashboard-sidebar-nav a.active,body.hs-dash .tutor-dashboard-sidebar-nav .active > a{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.7))!important;color:#A50E24!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(210,18,46,.25),0 8px 20px -14px rgba(210,18,46,.6)!important}
body.hs-dash .tutor-dashboard-header{background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border-bottom:1px solid rgba(20,20,20,.06)!important}
body.hs-dash .tutor-dashboard-header :is(.tutor-h5,h1,h2,h3,h4,h5){font-family:var(--hs-display)!important;font-weight:800!important;letter-spacing:-.02em}
body.hs-dash .tutor-dashboard-main :is(.tutor-card,.tutor-dashboard-card,.tutor-stat-card):not(:is(.tutor-card,.tutor-stat-card) *){
  background:linear-gradient(140deg,rgba(255,255,255,.88),rgba(255,255,255,.58))!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:22px!important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,20,20,.05),0 22px 44px -30px rgba(20,20,20,.32)!important;transition:transform .6s var(--hs-ease),box-shadow .6s var(--hs-ease)!important}
body.hs-dash .tutor-dashboard-main .tutor-stat-card:hover{transform:translateY(-3px)}
body.hs-dash .tutor-dashboard-main :is(h1,h2,h3,h4,h5,h6,.tutor-fs-3,.tutor-fs-4,.tutor-fs-5){font-family:var(--hs-display)!important;letter-spacing:-.02em}
/* dashboard: no entrance animation (it is an app screen; keep it instant) */

/* ===================== 1.6.2 fixes ===================== */

/* offset of the floating nav (matches .hh --top) */
body.hs-on{--hs-top:14px}
body.hs-on.admin-bar{--hs-top:46px}
@media (max-width:782px){body.hs-on.admin-bar{--hs-top:60px}}

/* readable text everywhere: no washed-out greys, no micro text */
body.hs-on .site-content-inner :is(.tutor-fs-8,.tutor-fs-9,small,.um-field-label label,.tutor-form-label):not(.hh *){font-size:max(13px,1em)!important}
body.hs-on .tutor-color-muted,body.hs-on .tutor-color-hints{color:#4A5056!important}

/* ---------- dashboard: same nav island on top, shell starts under it ---------- */
body.hs-dash .tutor-dashboard-layout{margin-top:0}
body.hs-dash .tutor-dashboard-header,body.hs-dash .tutor-dashboard-sidebar{top:calc(var(--hs-top) + 72px)!important}
body.hs-dash .tutor-dashboard-sidebar{height:calc(100vh - var(--hs-top) - 84px)!important;border-radius:0 24px 24px 0;overflow:auto}
body.hs-dash .tutor-dashboard-sidebar-logo{display:none!important}
body.hs-dash .tutor-dashboard-sidebar-nav{padding-top:14px}
body.hs-dash .tutor-dashboard-header{border-radius:0 0 22px 22px}
body.hs-dash .tutor-dashboard-body{padding-top:18px!important}
body.hs-dash .tutor-stat-card{padding:18px!important}
body.hs-dash .tutor-stat-card-value{font-family:var(--hs-display)!important;font-weight:800!important;font-size:30px!important;letter-spacing:-.02em}
body.hs-dash .tutor-stat-card-title{font-weight:600!important;color:#2b3035!important}
body.hs-dash .hs-bottom{margin-top:0}

/* ---------- lessons: footer below the learning area ---------- */
body.hs-learn .hs-bottom{margin-top:40px}

/* ---------- single course header: tighter, title clear of the sidebar ---------- */
body.hs-page .eb-course-header-breadcrumb{margin:0 0 14px!important;padding:6px 0!important}
body.hs-page .edublink-course-page-header .eb-course-header-breadcrumb-content{padding:34px 40px!important;min-height:210px;display:flex;align-items:center}
body.hs-page .edublink-course-page-header .eb-course-header-breadcrumb-content > .edublink-container{width:100%}
body.hs-page .edublink-course-breadcrumb-inner{padding:0!important}
body.hs-page .edublink-course-header-meta{margin-top:14px!important}
body.hs-page .edublink-course-header-meta li{color:#2b3035!important;font-size:15px!important}
@media (min-width:992px){
  body.hs-page .edublink-course-breadcrumb-inner{padding-right:min(380px,36%)!important}
  body.hs-page .edublink-course-details-sidebar{margin-top:-196px!important}
}
@media (max-width:991px){
  body.hs-page .edublink-course-details-sidebar{margin-top:24px!important}
  body.hs-page .edublink-course-page-header .eb-course-header-breadcrumb-content{padding:24px 22px!important;min-height:0}
}
body.hs-page .edublink-course-details-page{padding-top:28px!important}
body.hs-page .tutor-course-details-tab,body.hs-page .tutor-nav{margin-bottom:22px}

/* ---------- login / register pages: one card, no frame around it ---------- */
body.hs-page .site-main > article:has(.um-login,.um-register,#tutor-login-form,.ss-signup,.tutor-login-wrap){
  background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
body.hs-page :is(.um.um-login,.um.um-register,.um.um-password),body.hs-page .tutor-login-wrap{
  width:100%!important;max-width:480px!important;box-sizing:border-box!important;margin:10px auto 0!important;padding:32px!important;border-radius:28px!important;
  background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.62))!important;border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,20,20,.05),0 30px 60px -32px rgba(20,20,20,.38)!important}
body.hs-page .tutor-login-wrap .tutor-login-form-wrapper{padding:0!important}
body.hs-page .tutor-login-wrap :is(h3,h4,.tutor-fs-5){font-family:var(--hs-display)!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.02em;color:#141414!important}
body.hs-page :is(.um-login,.um-register,.tutor-login-wrap,.ss-card) :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"]){height:50px!important;font-size:15px!important;padding:0 16px!important}
body.hs-page :is(.um-login,.um-register,.tutor-login-wrap,.ss-card) :is(label,.um-field-label,.um-field-label label){font-size:14px!important;font-weight:600!important;color:#2b3035!important}
body.hs-page :is(.um-login,.um-register,.tutor-login-wrap) :is(.um-button,.tutor-btn-primary,button[type="submit"]){height:50px!important;font-size:15px!important}
body.hs-page .um-login .um-col-alt :is(.um-left,.um-right){width:100%!important;float:none!important;margin:0 0 10px!important}
body.hs-page .um a.um-link-alt,body.hs-page .tutor-login-wrap a{color:#A50E24!important;font-weight:600}
body.hs-page .hsa-wrap{margin-top:16px}
/* sign-in: the Google button sits centred under the fields; "Keep me signed in" visibly checks (Tutor's custom box stayed white) */
body.hs-on .hsa-google{display:flex;justify-content:center}
/* Google's button frame is a light page: in dark mode the site's color-scheme made the browser paint it an opaque white box.
   Giving the frame the same (light) scheme keeps it see-through, so the dark pill sits right on the card. */
.hsa-google iframe,iframe[src*="accounts.google.com/gsi"]{color-scheme:light!important;background:transparent!important}
body.hs-on :is(.tutor-login-wrap,#tutor-login-form) input[type="checkbox"]{-webkit-appearance:auto!important;appearance:auto!important;width:18px!important;height:18px!important;min-width:18px;margin:0!important;padding:0!important;accent-color:#D2122E;background:none!important;border:0!important;box-shadow:none!important;cursor:pointer}
body.hs-on :is(.tutor-login-wrap,#tutor-login-form) input[type="checkbox"]::before,body.hs-on :is(.tutor-login-wrap,#tutor-login-form) input[type="checkbox"]::after{display:none!important}
body.hs-on :is(.tutor-login-wrap,#tutor-login-form) .tutor-form-check label{cursor:pointer}
body.hs-page .tutor-login-wrap .tutor-h3{font-family:var(--hs-display)!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--hs-ink)!important}
body.hs-page .tutor-login-wrap .tutor-small{color:var(--hs-slate)!important}
body.hs-page .hsa-or{color:#4A5056!important}
body.hs-page .ss-card{border-radius:28px!important;border:1px solid rgba(255,255,255,.92)!important;background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.62))!important;box-shadow:inset 0 1px 0 #fff,0 30px 60px -32px rgba(20,20,20,.38)!important}

body.hs-page .tutor-login-wrap form > .tutor-d-flex,body.hs-page .tutor-login-wrap .tutor-login-rememeber-wrap{margin-bottom:22px!important;gap:10px;flex-wrap:wrap}
body.hs-page .tutor-login-wrap .tutor-form-check{display:flex;align-items:center;gap:8px}

/* ===================== 1.6.2: one frame system, mobile + tablet ===================== */
/* Every panel/card on the site: same 24px corners, same hairline, same soft shadow. */
body.hs-on :is(.edublink-single-course .inner,.tutor-card,.tutor-course-card,.edublink-category-1,.woocommerce ul.products li.product,
  .edublink-course-details-sidebar-inner,.edublink-course-sidebar,.tutor-sidebar-card,.widget,.tutor-course-details-widget,
  .edublink-course-page-header .eb-course-header-breadcrumb-content,.um.um-login,.um.um-register,.um.um-password,.tutor-login-wrap,.ss-card,
  .heco-rf-balance,.heco-rf-steps,.heco-rf-pay,.heco-rf-wait,.heco-rf-done,.tutor-learning-header,.tutor-learning-sidebar,.tutor-stat-card,
  .site-content-inner #primary .site-main > article):not(.hh *){border-radius:24px!important}
body.hs-on :is(.tutor-accordion-item,.woocommerce-message,.woocommerce-info,.woocommerce-error,.tutor-alert):not(.hh *){border-radius:16px!important}
body.hs-on .edublink-single-course .thumbnail,body.hs-on .edublink-single-course .thumbnail img{border-radius:16px!important}

/* footer distance */
body.hs-on .hs-bottom{margin-top:56px}

/* ---------- tablet (≤1024) ---------- */
@media (max-width:1024px){
  body.hs-on .site-content-inner.edublink-page-container,body.hs-on .edublink-container{padding-inline:20px!important}
  body.hs-page .edublink-course-page-header .eb-course-header-breadcrumb-content{padding:28px 28px!important}
}

/* ---------- phones + small tablets (≤991) ---------- */
@media (max-width:991px){
  body.hs-page .edublink-course-page-header .eb-course-header-breadcrumb-content{margin-inline:16px!important;padding:22px 20px!important;min-height:0!important}
  body.hs-page .eb-course-header-breadcrumb .breadcrumb li:last-child{display:none!important}
  body.hs-page .eb-course-header-breadcrumb{padding-inline:16px!important}
  body.hs-page .edublink-course-page-header .entry-title{font-size:clamp(1.6rem,7vw,2.2rem)!important}
  body.hs-page .edublink-course-header-meta li{opacity:1!important}
  body.hs-page .edublink-course-details-page{padding-top:16px!important}
  body.hs-page .ed-course-sidebar{padding-inline:16px!important}
}
@media (max-width:600px){
  body.hs-page .site-content-inner #primary .site-main > article{padding:18px!important}
  body.hs-page :is(.um.um-login,.um.um-register,.um.um-password),body.hs-page .tutor-login-wrap{padding:22px 18px!important;margin-top:0!important}
  body.hs-page .um .g-recaptcha{transform:scale(.9);transform-origin:0 0}
  body.hs-on .hs-bottom{margin-top:40px}
  body.hs-on .hh-foot-in{flex-direction:column;align-items:flex-start}
}

/* Register under Login on the login page = secondary glass button */
body.hs-page .um-login .um-col-alt .um-right .um-button,body.hs-page .um a.um-button.um-alt,body.hs-page .um .um-alt{
  background:linear-gradient(140deg,rgba(255,255,255,.92),rgba(255,255,255,.6))!important;color:#141414!important;
  border:1px solid rgba(20,20,20,.1)!important;box-shadow:inset 0 1px 0 #fff,0 10px 24px -18px rgba(20,20,20,.4)!important}

/* 1.6.2: course tabs → content gap, secondary Register button (UM) */
body.hs-page .eb-tl-course-tabs{padding-top:12px!important}
body.hs-page .eb-tl-course-tabs .tutor-tab-item > .tutor-mt-40:first-child{margin-top:12px!important}
body.hs-page .um .um-col-alt .um-right a.um-button.um-alt{
  background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(255,255,255,.65))!important;color:#141414!important;
  border:1px solid rgba(20,20,20,.12)!important;box-shadow:inset 0 1px 0 #fff,0 10px 24px -18px rgba(20,20,20,.4)!important}
body.hs-page .um .um-col-alt .um-right a.um-button.um-alt:hover{color:#A50E24!important;border-color:rgba(210,18,46,.35)!important}

/* ===================== 1.9.5 text pages (About, Contact, Privacy, Terms) ===================== */
body.hs-on .hl-prose{max-width:820px;margin:0 auto;color:#2b3035}
body.hs-on .hl-prose :is(p,li){font-size:16px;line-height:1.75}
body.hs-on .hl-prose h2{margin:30px 0 10px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#141414}
body.hs-on .hl-prose ul{margin:0 0 6px;padding-left:22px}
body.hs-on .hl-prose li{margin:0 0 6px}
body.hs-on .hl-prose a{color:#A50E24;font-weight:600}
body.hs-on .hl-prose .hl-lead{font-size:18px;line-height:1.65;color:#141414}
body.hs-on .hl-prose .hl-meta{margin:0 0 10px;font:600 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.04em;color:#5f656b}
body.hs-on .hl-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:22px 0 8px}
body.hs-on .hl-way{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(20,20,20,.08),0 14px 30px -24px rgba(20,20,20,.4);color:#141414!important;text-decoration:none!important;transition:transform .5s var(--hs-ease),box-shadow .5s var(--hs-ease)}
body.hs-on .hl-way:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(210,18,46,.3),0 18px 34px -22px rgba(210,18,46,.45)}
body.hs-on .hl-way span{font:600 11px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#A50E24}
body.hs-on .hl-way b{font:700 18px/1.2 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.01em}
body.hero-theme .hl-prose{padding:clamp(22px,3vw,40px);border-radius:24px;background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.62));border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,20,20,.05),0 24px 48px -32px rgba(20,20,20,.34)}
body.hero-theme .ht-wrap:has(.hl-prose) > .ht-title{max-width:820px;margin-inline:auto}