/* ========================================================================
   WOLF v36 SHARED STATIC HEADER / FOOTER LOCK
   ------------------------------------------------------------------------
   Loaded last in public/site/index.html and public/site/courses.html.
   Owns only .aoraeditor-header and .aoraeditor-footer.
   Search and language controls are intentionally removed/hidden.
   ======================================================================== */
:root{
  --wolf-orange:#ff6500;
  --wolf-black:#000;
  --wolf-header-h:86px;
  --wolf-footer-max:1180px;
  --wolf-font:'Outfit','Montserrat','Plus Jakarta Sans',Arial,sans-serif;
  --wolf-heading-font:'Montserrat','Outfit','Plus Jakarta Sans',Arial,sans-serif;
}

/* Header shell */
html body .aoraeditor-skip.aoraeditor-header,
html body .aoraeditor-header{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:var(--wolf-black)!important;
  background-color:var(--wolf-black)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:9999!important;
  font-family:var(--wolf-font)!important;
}
html body .aoraeditor-header *,
html body .aoraeditor-header *::before,
html body .aoraeditor-header *::after{box-sizing:border-box!important;}

html body .aoraeditor-header header,
html body .aoraeditor-header .header_area,
html body .aoraeditor-header #sticky-header,
html body .aoraeditor-header .header_area.navbar_fixed,
html body .aoraeditor-header #sticky-header.navbar_fixed{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-height:var(--wolf-header-h)!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:var(--wolf-black)!important;
  background-color:var(--wolf-black)!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  color:#fff!important;
  font-family:var(--wolf-font)!important;
  z-index:9999!important;
}

html body .aoraeditor-header .container-fluid{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding-left:44px!important;
  padding-right:44px!important;
}
html body .aoraeditor-header .row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body .aoraeditor-header .col-12{
  width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body .aoraeditor-header .header__wrapper{
  width:100%!important;
  height:var(--wolf-header-h)!important;
  min-height:var(--wolf-header-h)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  font-family:var(--wolf-font)!important;
}
html body .aoraeditor-header .header__left,
html body .aoraeditor-header .header__right{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:20px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body .aoraeditor-header .logo_img,
html body .aoraeditor-header .logo_img img{
  display:block!important;
  margin:0!important;
  line-height:1!important;
}
html body .aoraeditor-header .logo_img img{
  width:150px!important;
  max-width:150px!important;
  height:auto!important;
  padding:8px!important;
  object-fit:contain!important;
  filter:none!important;
}

/* Desktop navigation */
html body .aoraeditor-header .main_menu{
  flex:1 1 auto!important;
  display:block!important;
  text-align:right!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body .aoraeditor-header .main_menu nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:28px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body .aoraeditor-header .main_menu .menu_dropdown,
html body .aoraeditor-header .main_menu .menu_dropdown > ul,
html body .aoraeditor-header #mobile-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  list-style:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .aoraeditor-header #mobile-menu{gap:38px!important;}
html body .aoraeditor-header .main_menu .menu_dropdown > ul > li,
html body .aoraeditor-header #mobile-menu > li{
  display:block!important;
  position:relative!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
html body .aoraeditor-header .main_menu .menu_dropdown > ul > li > a,
html body .aoraeditor-header #mobile-menu > li > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:var(--wolf-header-h)!important;
  height:var(--wolf-header-h)!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-family:var(--wolf-font)!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  transition:color .2s ease!important;
}
html body .aoraeditor-header #mobile-menu > li > a:hover,
html body.page-home .aoraeditor-header #mobile-menu > li > a[href="/"],
html body.page-courses .aoraeditor-header #mobile-menu > li > a[href="/courses"]{
  color:var(--wolf-orange)!important;
}
html body.page-courses .aoraeditor-header #mobile-menu > li > a[href="/"]{color:#fff!important;}
html body .aoraeditor-header .main_menu .menu_dropdown > ul > li > a,
html body .aoraeditor-header .main_menu .menu_dropdown > ul > li.active_menu_item > a{
  color:#fff!important;
}

/* Sign in button */
html body .aoraeditor-header .contact_wrap,
html body .aoraeditor-header .contact_btn{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;}
html body .aoraeditor-header .theme_btn.small_btn2,
html body .aoraeditor-header .contact_btn > a{
  height:54px!important;
  min-width:112px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 25px!important;
  border:0!important;
  border-radius:7px!important;
  background:var(--wolf-orange)!important;
  background-color:var(--wolf-orange)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-family:var(--wolf-font)!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1!important;
  text-transform:none!important;
  transform:none!important;
}
html body .aoraeditor-header .theme_btn.small_btn2:hover,
html body .aoraeditor-header .contact_btn > a:hover{
  background:#ff7422!important;
  color:#fff!important;
  transform:none!important;
}

/* Remove search and language completely */
html body .aoraeditor-header .mobile-search,
html body .aoraeditor-header .mobile-search-popup,
html body .aoraeditor-header .mobile-search-box-toggler,
html body .aoraeditor-header .translator-switch,
html body .aoraeditor-header .language-switch,
html body .aoraeditor-header [class*="language"],
html body .aoraeditor-header [class*="translator"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body .aoraeditor-header .mobile_menu{background:transparent!important;}

/* Footer shell */
html body .aoraeditor-skip.aoraeditor-footer,
html body .aoraeditor-footer{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  font-family:var(--wolf-font)!important;
}
html body .aoraeditor-footer > div{margin:0!important;padding:0!important;background:transparent!important;}
html body footer.wolf-new-footer{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  margin:0!important;
  padding:155px 0 42px!important;
  min-height:0!important;
  background:radial-gradient(circle at 50% 0,rgba(255,255,255,.055),#080808 32%,#000 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  text-align:left!important;
  direction:ltr!important;
  font-family:var(--wolf-font)!important;
}
html body footer.wolf-new-footer *,
html body footer.wolf-new-footer *::before,
html body footer.wolf-new-footer *::after{box-sizing:border-box!important;}
html body footer.wolf-new-footer::before,
html body footer.wolf-new-footer::after{display:none!important;content:none!important;}
html body footer.wolf-new-footer a{text-decoration:none!important;color:inherit!important;}
html body footer.wolf-new-footer .wolf-new-footer-watermark{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:54px!important;
  z-index:0!important;
  pointer-events:none!important;
  user-select:none!important;
  text-align:center!important;
  font-family:var(--wolf-heading-font)!important;
  font-size:min(28vw,385px)!important;
  line-height:.72!important;
  font-weight:1000!important;
  letter-spacing:-20px!important;
  color:rgba(255,255,255,.035)!important;
}
html body footer.wolf-new-footer .wolf-new-footer-container,
html body footer.wolf-new-footer .container{
  position:relative!important;
  z-index:2!important;
  width:min(var(--wolf-footer-max),calc(100% - 48px))!important;
  max-width:var(--wolf-footer-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body footer.wolf-new-footer .wolf-new-footer-grid{
  display:grid!important;
  grid-template-columns:1.15fr .95fr 1.08fr .92fr!important;
  gap:0!important;
  width:100%!important;
  max-width:var(--wolf-footer-max)!important;
  margin:0 auto!important;
  padding:0!important;
}
html body footer.wolf-new-footer .wolf-new-footer-col{
  position:relative!important;
  display:block!important;
  min-height:285px!important;
  margin:0!important;
  padding:0 44px 0 34px!important;
  border:0!important;
}
html body footer.wolf-new-footer .wolf-new-footer-col:not(:last-child)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:1px!important;
  height:100%!important;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.12) 18%,rgba(255,255,255,.09) 82%,transparent)!important;
}
html body footer.wolf-new-footer .wolf-new-footer-icon{
  width:38px!important;
  height:38px!important;
  margin:0 0 26px!important;
  color:var(--wolf-orange)!important;
  filter:drop-shadow(0 0 12px rgba(255,101,0,.32))!important;
}
html body footer.wolf-new-footer .wolf-new-footer-icon svg,
html body footer.wolf-new-footer .wolf-new-list-ico svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  color:inherit!important;
  fill:none;
}
html body footer.wolf-new-footer h4{
  margin:0 0 24px!important;
  padding:0!important;
  color:#f8f8f8!important;
  font-family:var(--wolf-heading-font)!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  line-height:1.2!important;
  text-shadow:0 0 16px rgba(255,255,255,.08)!important;
}
html body footer.wolf-new-footer p{
  margin:0!important;
  padding:0!important;
  max-width:290px!important;
  color:rgba(255,255,255,.63)!important;
  font-family:var(--wolf-font)!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.85!important;
}
html body footer.wolf-new-footer .wolf-new-footer-button{
  margin-top:36px!important;
  width:100%!important;
  max-width:300px!important;
  height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 28px!important;
  border:1px solid rgba(255,101,0,.58)!important;
  border-radius:14px!important;
  background:rgba(255,101,0,.045)!important;
  color:var(--wolf-orange)!important;
  font-family:var(--wolf-font)!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:inset 0 0 24px rgba(255,101,0,.04),0 16px 40px rgba(0,0,0,.24)!important;
  transition:.25s!important;
}
html body footer.wolf-new-footer .wolf-new-footer-button:hover{background:rgba(255,101,0,.1)!important;color:var(--wolf-orange)!important;transform:translateY(-2px)!important;}
html body footer.wolf-new-footer .wolf-new-footer-button span{font-size:25px!important;line-height:1!important;}
html body footer.wolf-new-footer ul{
  list-style:none!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  gap:14px!important;
}
html body footer.wolf-new-footer li{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.66)!important;
  font-family:var(--wolf-font)!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
html body footer.wolf-new-footer li a{color:rgba(255,255,255,.66)!important;transition:.2s!important;}
html body footer.wolf-new-footer li a:hover{color:#fff!important;}
html body footer.wolf-new-footer .wolf-new-list-ico{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--wolf-orange)!important;
  background:rgba(255,101,0,.075)!important;
  border:1px solid rgba(255,101,0,.18)!important;
  filter:drop-shadow(0 0 9px rgba(255,101,0,.20))!important;
}
html body footer.wolf-new-footer .wolf-new-list-ico svg{width:18px!important;height:18px!important;}
html body footer.wolf-new-footer .wolf-new-footer-bottom{
  max-width:var(--wolf-footer-max)!important;
  margin:66px auto 0!important;
  padding-top:44px!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
  text-align:center!important;
  color:rgba(255,255,255,.58)!important;
  font-family:var(--wolf-font)!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.5!important;
}
html body footer.wolf-new-footer .wolf-new-footer-bottom span{color:var(--wolf-orange)!important;font-weight:800!important;}

/* Back-to-top */
html body #back-top,
html body #back-top a{visibility:visible!important;}
html body #back-top a{
  background:var(--wolf-orange)!important;
  border-radius:50%!important;
  color:#fff!important;
  box-shadow:0 3px 20px rgba(255,101,0,.65)!important;
}

@media(max-width:1199px){
  :root{--wolf-header-h:82px;}
  html body .aoraeditor-header .container-fluid{padding-left:28px!important;padding-right:28px!important;}
  html body .aoraeditor-header #mobile-menu{gap:24px!important;}
  html body .aoraeditor-header #mobile-menu>li>a{font-size:16px!important;}
}
@media(max-width:991px){
  :root{--wolf-header-h:76px;}
  html body .aoraeditor-header .container-fluid{padding-left:20px!important;padding-right:20px!important;}
  html body .aoraeditor-header .logo_img img{width:132px!important;max-width:132px!important;}
  html body .aoraeditor-header .main_menu{display:none!important;}
  html body .aoraeditor-header .theme_btn.small_btn2,
  html body .aoraeditor-header .contact_btn>a{height:46px!important;min-width:96px!important;font-size:15px!important;padding:0 18px!important;}
  html body footer.wolf-new-footer{padding-top:115px!important;}
  html body footer.wolf-new-footer .wolf-new-footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:40px 0!important;}
  html body footer.wolf-new-footer .wolf-new-footer-col{padding:0 32px!important;}
  html body footer.wolf-new-footer .wolf-new-footer-col:nth-child(2)::after{display:none!important;}
  html body footer.wolf-new-footer .wolf-new-footer-watermark{font-size:28vw!important;letter-spacing:-10px!important;}
}
@media(max-width:575px){
  html body .aoraeditor-header .container-fluid{padding-left:16px!important;padding-right:16px!important;}
  html body .aoraeditor-header .logo_img img{width:116px!important;max-width:116px!important;}
  html body .aoraeditor-header .theme_btn.small_btn2,
  html body .aoraeditor-header .contact_btn>a{height:42px!important;min-width:86px!important;font-size:14px!important;padding:0 14px!important;}
  html body footer.wolf-new-footer{padding:88px 0 32px!important;}
  html body footer.wolf-new-footer .wolf-new-footer-grid{grid-template-columns:1fr!important;gap:28px!important;}
  html body footer.wolf-new-footer .wolf-new-footer-col{min-height:auto!important;padding:0 16px 28px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
  html body footer.wolf-new-footer .wolf-new-footer-col::after{display:none!important;}
  html body footer.wolf-new-footer .wolf-new-footer-col:last-child{border-bottom:0!important;}
  html body footer.wolf-new-footer .wolf-new-footer-watermark{top:48px!important;font-size:35vw!important;letter-spacing:-6px!important;}
  html body footer.wolf-new-footer .wolf-new-footer-bottom{margin-top:22px!important;padding-top:26px!important;font-size:14px!important;line-height:1.7!important;}
  html body footer.wolf-new-footer h4{font-size:14px!important;}
  html body footer.wolf-new-footer li,
  html body footer.wolf-new-footer p{font-size:15px!important;}
}

/* v34: mark About Us active only on the new About page. */
html body.page-about .aoraeditor-header #mobile-menu > li > a[href="/about"]{color:var(--wolf-orange)!important;}

/* v35: About active menu */
html body.page-about .aoraeditor-header #mobile-menu > li > a[href="/about"],
html body.page-about .aoraeditor-header a[href="/about"]{color:var(--wolf-orange)!important;}
html body.page-about .aoraeditor-header #mobile-menu > li > a[href="/"]{color:#fff!important;}


/* v36: About active menu - used only when the About page marks the existing shared header link. */
html body.page-about .aoraeditor-header #mobile-menu > li > a.wolf-current-menu,
html body.page-about .aoraeditor-header a.wolf-current-menu,
html body.page-about .aoraeditor-header #mobile-menu > li > a[aria-current="page"]{color:var(--wolf-orange)!important;}
html body.page-about .aoraeditor-header #mobile-menu > li > a[href="/"]{color:#fff!important;}


/* v37: About active menu hard lock. This does not affect other pages because it is scoped to body.page-about. */
html body.page-about .aoraeditor-header #mobile-menu > li > a[href="/about"],
html body.page-about .aoraeditor-header #mobile-menu > li > a[href="about"],
html body.page-about .aoraeditor-header #mobile-menu > li > a.wolf-current-menu,
html body.page-about .aoraeditor-header a.wolf-current-menu,
html body.page-about .aoraeditor-header a[aria-current="page"]{
  color:var(--wolf-orange,#ff6800)!important;
}
html body.page-about .aoraeditor-header #mobile-menu > li > a[href="/"]{
  color:#fff!important;
}