/* ========================================================================
   Wolf shared site shell v27
   Owns ONLY the shared Blade header and footer.
   Loaded last in layouts.site so page CSS cannot override header/footer.
   ======================================================================== */
:root{
    --wolf-shell-orange:#ff5a00;
    --wolf-shell-orange-2:#ff7422;
    --wolf-shell-black:#000;
    --wolf-shell-white:#fff;
    --wolf-shell-line:rgba(255,255,255,.10);
    --wolf-shell-font:Arial,Helvetica,sans-serif;
    --wolf-shell-header-height:86px;
}

/* ---------------- Shared header ---------------- */
.wolf-site-header,
.wolf-site-header *,
.wolf-site-header *::before,
.wolf-site-header *::after{
    box-sizing:border-box !important;
}
.wolf-site-header{
    position:relative !important;
    z-index:9999 !important;
    width:100% !important;
    min-height:var(--wolf-shell-header-height) !important;
    margin:0 !important;
    padding:0 !important;
    background:var(--wolf-shell-black) !important;
    color:var(--wolf-shell-white) !important;
    font-family:var(--wolf-shell-font) !important;
    overflow:visible !important;
    border:0 !important;
    box-shadow:none !important;
}
.wolf-site-header a{
    color:inherit !important;
    text-decoration:none !important;
}
.wolf-site-header ul,
.wolf-site-header li{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}
.wolf-site-header .header_area,
.wolf-site-header #sticky-header,
.wolf-site-header #sticky-header.navbar_fixed{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    min-height:var(--wolf-shell-header-height) !important;
    margin:0 !important;
    padding:0 !important;
    background:var(--wolf-shell-black) !important;
    background-color:var(--wolf-shell-black) !important;
    background-image:none !important;
    border:0 !important;
    border-bottom:1px solid var(--wolf-shell-line) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
    overflow:visible !important;
}
.wolf-site-header .container-fluid{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 44px !important;
}
.wolf-site-header .row,
.wolf-site-header .col-12{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
.wolf-site-header .header__wrapper{
    width:100% !important;
    min-height:var(--wolf-shell-header-height) !important;
    height:var(--wolf-shell-header-height) !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;
    overflow:visible !important;
}
.wolf-site-header .header__left,
.wolf-site-header .header__right{
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    overflow:visible !important;
}
.wolf-site-header .header__right{
    gap:14px !important;
    position:relative !important;
    z-index:10020 !important;
}
.wolf-site-header .logo_img,
.wolf-site-header .logo_img img{
    display:block !important;
}
.wolf-site-header .logo_img img{
    width:150px !important;
    max-width:150px !important;
    height:auto !important;
    max-height:72px !important;
    margin:0 !important;
    padding:8px !important;
    object-fit:contain !important;
    filter:none !important;
}
.wolf-site-header .main_menu{
    flex:1 1 auto !important;
    display:block !important;
    background:transparent !important;
    overflow:visible !important;
}
.wolf-site-header .main_menu nav,
.wolf-site-header #mobile-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:38px !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    overflow:visible !important;
}
.wolf-site-header #mobile-menu > li > a{
    display:inline-flex !important;
    align-items:center !important;
    min-height:var(--wolf-shell-header-height) !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-family:var(--wolf-shell-font) !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    opacity:1 !important;
    transition:color .2s ease !important;
}
.wolf-site-header #mobile-menu > li > a:hover,
.wolf-site-header #mobile-menu > li.active_menu_item > a,
body.page-home .wolf-site-header #mobile-menu > li > a[href="/"],
body.page-courses .wolf-site-header #mobile-menu > li > a[href="/courses"]{
    color:var(--wolf-shell-orange) !important;
}
body.page-courses .wolf-site-header #mobile-menu > li > a[href="/"]{
    color:#fff !important;
}

.wolf-site-header .theme_btn.small_btn2,
.wolf-site-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-shell-orange) !important;
    background-image:none !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    transform:none !important;
}
.wolf-site-header .theme_btn.small_btn2:hover,
.wolf-site-header .contact_btn > a:hover{
    background:var(--wolf-shell-orange-2) !important;
    color:#fff !important;
    transform:none !important;
}
.wolf-site-header .language-switch{
    height:42px !important;
    min-width:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:999px !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    background:rgba(255,255,255,.04) !important;
}

/* Search popup: same markup and same behavior on home and courses. */
.wolf-site-header .mobile-search{
    position:relative !important;
    z-index:10050 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
}
.wolf-site-header .mobile-search-box-toggler{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.06) !important;
    color:#fff !important;
    box-shadow:none !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    appearance:none !important;
}
.wolf-site-header .mobile-search-box-toggler svg,
.wolf-site-header .mobile-search-box-toggler svg path{
    fill:currentColor !important;
    stroke:none !important;
}
.wolf-site-header .mobile-search-box-toggler:hover{
    background:rgba(255,90,0,.16) !important;
    border-color:rgba(255,90,0,.55) !important;
}
.wolf-site-header .mobile-search-popup{
    position:absolute !important;
    top:var(--wolf-shell-header-height) !important;
    right:100% !important;
    left:auto !important;
    width:300px !important;
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:0 0 10px rgba(0,0,0,.2) !important;
    z-index:100080 !important;
    pointer-events:none !important;
}
.wolf-site-header .mobile-search.wolf-search-open .mobile-search-popup,
.wolf-site-header .mobile-search .mobile-search-popup.mobile-visible{
    display:block !important;
    pointer-events:auto !important;
}
.wolf-site-header .theme_search_field{
    width:300px !important;
    min-height:52px !important;
    display:flex !important;
    align-items:stretch !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    box-shadow:none !important;
}
.wolf-site-header .theme_search_field .btn,
.wolf-site-header .theme_search_field button{
    width:54px !important;
    height:52px !important;
    min-width:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    background-image:none !important;
    color:#1f2b40 !important;
    box-shadow:none !important;
    transform:none !important;
}
.wolf-site-header .theme_search_field input.form-control{
    width:100% !important;
    height:52px !important;
    min-height:52px !important;
    margin:0 !important;
    padding:0 16px 0 0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:#fff !important;
    color:#1f2b40 !important;
    box-shadow:none !important;
    font-size:14px !important;
    line-height:52px !important;
}
.wolf-site-header .theme_search_field svg path{
    fill:#1f2b40 !important;
    stroke:none !important;
}

.wolf-mobile-menu-toggle{
    display:none !important;
    width:44px !important;
    height:44px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.05) !important;
    padding:0 !important;
    cursor:pointer !important;
}
.wolf-mobile-menu-toggle span{
    display:block !important;
    width:19px !important;
    height:2px !important;
    background:#fff !important;
    border-radius:999px !important;
}

/* ---------------- Shared footer lock ---------------- */
.wolf-footer,
.wolf-footer *,
.wolf-footer *::before,
.wolf-footer *::after{
    font-family:var(--wolf-shell-font) !important;
    box-sizing:border-box !important;
}
.wolf-footer{
    direction:ltr !important;
    text-align:left !important;
    background:radial-gradient(circle at 50% 0,rgba(255,255,255,.04),rgba(8,8,8,.96) 35%,#000 100%) !important;
    border-top:1px solid rgba(255,255,255,.05) !important;
    overflow:hidden !important;
}
.wolf-footer a{
    text-decoration:none !important;
}
.wolf-footer .container{
    width:min(1120px,calc(100% - 48px)) !important;
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.wolf-footer__socials li::before{
    flex:0 0 auto !important;
}

@media (max-width:1199px){
    .wolf-site-header .container-fluid{padding-left:28px !important;padding-right:28px !important;}
    .wolf-site-header #mobile-menu{gap:24px !important;}
    .wolf-site-header #mobile-menu > li > a{font-size:16px !important;}
}
@media (max-width:991px){
    :root{--wolf-shell-header-height:76px;}
    .wolf-site-header .container-fluid{padding-left:20px !important;padding-right:20px !important;}
    .wolf-site-header,
    .wolf-site-header .header_area,
    .wolf-site-header .header__wrapper{
        min-height:var(--wolf-shell-header-height) !important;
        height:var(--wolf-shell-header-height) !important;
    }
    .wolf-site-header .logo_img img{width:125px !important;max-width:125px !important;}
    .wolf-site-header .main_menu{
        position:absolute !important;
        top:100% !important;
        left:20px !important;
        right:20px !important;
        display:none !important;
        flex:none !important;
        background:#070707 !important;
        border:1px solid rgba(255,255,255,.11) !important;
        border-radius:14px !important;
        padding:16px !important;
        box-shadow:0 20px 55px rgba(0,0,0,.55) !important;
    }
    body.wolf-menu-open .wolf-site-header .main_menu{
        display:block !important;
    }
    .wolf-site-header .main_menu nav,
    .wolf-site-header #mobile-menu{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:0 !important;
    }
    .wolf-site-header #mobile-menu > li,
    .wolf-site-header #mobile-menu > li > a{
        width:100% !important;
    }
    .wolf-site-header #mobile-menu > li > a{
        min-height:44px !important;
        font-size:15px !important;
    }
    .wolf-site-header .theme_btn.small_btn2,
    .wolf-site-header .contact_btn > a{height:46px !important;min-width:96px !important;font-size:15px !important;padding:0 18px !important;}
    .wolf-mobile-menu-toggle{display:inline-flex !important;}
}
@media (max-width:575px){
    :root{--wolf-shell-header-height:72px;}
    .wolf-site-header .container-fluid{padding-left:14px !important;padding-right:14px !important;}
    .wolf-site-header .header__wrapper{gap:12px !important;}
    .wolf-site-header .header__right{gap:8px !important;}
    .wolf-site-header .logo_img img{width:112px !important;max-width:112px !important;}
    .wolf-site-header .language-switch{display:none !important;}
    .wolf-site-header .theme_btn.small_btn2,
    .wolf-site-header .contact_btn > a{height:42px !important;min-width:82px !important;font-size:14px !important;padding:0 12px !important;}
    .wolf-site-header .mobile-search-popup{
        position:fixed !important;
        top:calc(var(--wolf-shell-header-height) + 10px) !important;
        left:14px !important;
        right:14px !important;
        width:auto !important;
    }
    .wolf-site-header .theme_search_field{width:100% !important;}
}

/* v30: search and language are intentionally removed from the shared header. */
.wolf-site-header .mobile-search,.wolf-site-header .language-switch{display:none!important;}


/* V31: search and language are fully removed from the shared Blade header. */
.wolf-site-header .mobile-search,
.wolf-site-header .mobile-search-popup,
.wolf-site-header .mobile-search-box-toggler,
.wolf-site-header .language-switch,
.wolf-site-header .translator-switch,
.wolf-site-header [class*="language"],
.wolf-site-header [class*="translator"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    margin:0!important;
    padding:0!important;
}


/* v38: active About menu in shared Blade header. */
body.page-about .wolf-site-header #mobile-menu > li > a[href="/about"],
body.page-about .wolf-site-header #mobile-menu > li.active_menu_item > a[aria-current="page"]{
    color:var(--wolf-shell-orange) !important;
}
body.page-about .wolf-site-header #mobile-menu > li > a[href="/"]{
    color:#fff !important;
}

/* ========================================================================
   v39: About page header/footer visual sync
   Reason: About uses Blade layout, while Home/Courses are static pages.
   These locks make the Blade shared header/footer use the same fonts,
   weights, footer grid, footer icons, and active menu behavior as the
   already-correct Home/Courses static header/footer.
   ======================================================================== */
:root{
  --wolf-shell-font:'Outfit','Montserrat','Plus Jakarta Sans',Arial,sans-serif;
  --wolf-font:'Outfit','Montserrat','Plus Jakarta Sans',Arial,sans-serif;
  --wolf-heading-font:'Montserrat','Outfit','Plus Jakarta Sans',Arial,sans-serif;
  --wolf-orange:#ff6500;
  --wolf-footer-max:1180px;
}

/* Header font sync with the static header. */
.wolf-site-header,
.wolf-site-header *{
  font-family:var(--wolf-shell-font)!important;
}
.wolf-site-header #mobile-menu > li > a{
  font-family:var(--wolf-shell-font)!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.page-about .wolf-site-header #mobile-menu > li > a[href="/about"],
body.page-about .wolf-site-header #mobile-menu > li > a[href="about"],
body.page-about .wolf-site-header #mobile-menu > li > a.wolf-current-menu,
body.page-about .wolf-site-header #mobile-menu > li.active_menu_item > a,
body.page-about .wolf-site-header a[aria-current="page"]{
  color:var(--wolf-shell-orange,#ff6500)!important;
}
body.page-about .wolf-site-header #mobile-menu > li > a[href="/"]{
  color:#fff!important;
}

/* Footer sync: the partial footer uses .wolf-new-footer, not .wolf-footer. */
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;font-family:var(--wolf-font)!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;}

@media(max-width:1199px){
  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 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;}
}


/* ========================================================================
   v40: final small header spacing + separation note
   The About page uses the same Blade layout system as Courses. Footer/contact
   data lives only in partials.site-footer, never inside resources/views/about.blade.php.
   ======================================================================== */
.wolf-site-header #mobile-menu > li.wolf-menu-spacer{
  display:block!important;
  width:0!important;
  min-width:0!important;
  height:var(--wolf-shell-header-height)!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
.wolf-site-header #mobile-menu > li.wolf-menu-spacer > a{
  display:block!important;
  width:0!important;
  min-width:0!important;
  height:var(--wolf-shell-header-height)!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
body.page-about .wolf-site-header #mobile-menu > li > a[href="/about"],
body.page-about .wolf-site-header #mobile-menu > li > a.wolf-current-menu,
body.page-about .wolf-site-header #mobile-menu > li.active_menu_item > a,
body.page-about .wolf-site-header a[aria-current="page"]{
  color:#ff6500!important;
}
body.page-about .wolf-site-header #mobile-menu > li > a[href="/"],
body.page-about .wolf-site-header #mobile-menu > li > a[href="/courses"],
body.page-about .wolf-site-header #mobile-menu > li > a[href="#contact"]{
  color:#ffffff!important;
}
@media(max-width:991px){
  .wolf-site-header #mobile-menu > li.wolf-menu-spacer{display:none!important;}
}

/* v44: Contact page active menu state only; no header/footer visual redesign. */
body.page-contact .wolf-site-header #mobile-menu > li > a[href="/contact"],
body.page-contact .wolf-site-header #mobile-menu > li > a.wolf-current-menu,
body.page-contact .wolf-site-header #mobile-menu > li.active_menu_item > a,
body.page-contact .wolf-site-header a[aria-current="page"]{
  color:#ff6500!important;
}
body.page-contact .wolf-site-header #mobile-menu > li > a[href="/"],
body.page-contact .wolf-site-header #mobile-menu > li > a[href="/courses"],
body.page-contact .wolf-site-header #mobile-menu > li > a[href="/about"]{
  color:#ffffff!important;
}