/* Tutorshub v9.0.1 — five refined headers + direction-aware mobile bottom navigation */

/* Sticky must use the page viewport, not an overflow-created body scroll container. */
html{overflow-x:visible!important;overflow-x:clip!important}
html body{overflow-x:visible!important;overflow-x:clip!important}

/* Footer CTA: only the arrow is circular; bilingual text keeps its natural width. */
html body .footer:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th-next-footer-stage>a{
  justify-self:end!important;width:auto!important;min-width:190px!important;max-width:100%!important;padding:0 22px!important;overflow:visible!important;
}
html body .footer:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th-next-footer-stage>a>.th-managed-copy{
  display:inline!important;width:auto!important;height:auto!important;min-width:max-content!important;border:0!important;border-radius:0!important;
}
html body .footer:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th-next-footer-stage>a>span[aria-hidden="true"]{
  display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border:1px solid currentColor!important;border-radius:50%!important;
}

/* The logo is part of the header, never a card sitting on top of it. */
html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-brand{
  width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-brand:before,
html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-brand:after{content:none!important;display:none!important}

/* One restrained desktop composition prevents link and account-control collisions. */
@media(min-width:1241px){
  html body .site-header.th84-header.th-hf-header.th-hf-sticky{
    position:-webkit-sticky!important;position:sticky!important;top:0!important;left:0!important;right:0!important;
    width:100%!important;z-index:2147482900!important;transform:none!important;contain:none!important;
  }
  body.admin-bar .site-header.th84-header.th-hf-header.th-hf-sticky{top:32px!important}
  html body .site-header.th84-header.th-hf-header .mobile-menu{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-nav{
    display:grid!important;grid-template-columns:minmax(150px,.72fr) minmax(0,2fr) minmax(238px,.93fr)!important;
    width:min(var(--th-hf-header-max),calc(100% - 56px))!important;height:var(--th-hf-header-height)!important;min-height:var(--th-hf-header-height)!important;
    gap:clamp(14px,1.65vw,28px)!important;padding:0!important;
  }
  html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-logo-img{
    width:min(var(--th-hf-logo-width),190px)!important;max-width:100%!important;max-height:calc(var(--th-hf-header-height) - 24px)!important;
  }
  html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-links{
    min-width:0!important;gap:clamp(12px,1.45vw,var(--th-hf-nav-gap))!important;
  }
  html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-links a{
    min-width:0!important;font-size:min(var(--th-hf-nav-font),15px)!important;
  }
  html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-actions{min-width:238px!important;gap:8px!important}
  html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-actions>a{min-height:44px!important;padding:0 16px!important}

  /* Dark collections use a crisp white wordmark directly on the color field. */
  html body .site-header.th-pair-neo-grid .th84-logo-img,
  html body .site-header.th-pair-studio-blue .th84-logo-img{filter:brightness(0) invert(1)!important}
}

/* Five clearly different surfaces, all using the same reliable geometry. */
html body .site-header.th-pair-signature-white{background:#fff!important;border-bottom:1px solid #e3eaf2!important;box-shadow:0 10px 34px rgba(5,38,78,.07)!important}
html body .site-header.th-pair-aurora-glass{background:linear-gradient(90deg,#fff 0 66%,#eef4fb 66% 100%)!important;border-bottom:1px solid #dfe7f0!important}
html body .site-header.th-pair-editorial-luxe{background:#fff!important;border-bottom:1px solid #e8edf3!important;box-shadow:none!important}
html body .site-header.th-pair-neo-grid{background:linear-gradient(105deg,#020c1d,#082e63 62%,#0b4b93)!important}
html body .site-header.th-pair-studio-blue{background:linear-gradient(105deg,#075bbb,#126bd4 58%,#1684df)!important}

@media(max-width:1240px){
  html body .site-header.th84-header.th-hf-header.th-mobile-sticky{
    position:-webkit-sticky!important;position:sticky!important;top:0!important;left:0!important;right:0!important;
    width:100%!important;z-index:2147482900!important;transform:none!important;contain:none!important;
  }
  html body .site-header.th84-header.th-hf-header.th-mobile-static{position:relative!important;top:auto!important}
  html body .site-header.th84-header.th-hf-header:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th84-brand{
    padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  html body .site-header.th84-header.th-hf-header .th84-mobile-logo-img{filter:none!important}
}

/* Mobile bottom navigation — hidden until the chosen scroll rule reveals it. */
.th-mobile-bottom-nav{display:none}
@media(max-width:782px){
  body.admin-bar .site-header.th84-header.th-hf-header.th-mobile-sticky{top:46px!important}
  body.th-has-mobile-bottom-nav{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .th-mobile-bottom-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147482997!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;
    min-height:72px!important;padding:7px max(6px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right))!important;
    color:var(--th-mobile-bottom-text)!important;background:color-mix(in srgb,var(--th-mobile-bottom-bg) 95%,transparent)!important;
    border-top:1px solid color-mix(in srgb,var(--th-mobile-bottom-text) 13%,transparent)!important;
    box-shadow:0 -14px 40px rgba(3,28,62,.13)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(calc(100% + 18px))!important;
    transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .22s ease,visibility .3s!important;
  }
  .th-mobile-bottom-nav.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
  .th-mobile-bottom-nav>a{
    position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    min-width:0!important;min-height:58px!important;margin:0!important;padding:4px 3px!important;color:var(--th-mobile-bottom-text)!important;
    border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;
    font-size:10.5px!important;font-weight:780!important;line-height:1.1!important;letter-spacing:-.01em!important;
  }
  .th-mobile-bottom-nav>a:before,.th-mobile-bottom-nav>a:after{content:none!important;display:none!important}
  .th-mobile-bottom-nav>a svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform .2s ease!important}
  .th-mobile-bottom-nav>a>span{display:block!important;width:100%!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .th-mobile-bottom-nav>a:hover,.th-mobile-bottom-nav>a:focus-visible,.th-mobile-bottom-nav>a.is-active{color:var(--th-mobile-bottom-active)!important;background:color-mix(in srgb,var(--th-mobile-bottom-active) 9%,transparent)!important}
  .th-mobile-bottom-nav>a.is-active:after{content:""!important;display:block!important;position:absolute!important;top:-7px!important;left:50%!important;width:28px!important;height:3px!important;border-radius:0 0 999px 999px!important;background:var(--th-mobile-bottom-active)!important;transform:translateX(-50%)!important}
  .th-mobile-bottom-nav>a:hover svg,.th-mobile-bottom-nav>a:focus-visible svg{transform:translateY(-2px)!important}
  body.th-has-mobile-bottom-nav .whatsapp-float{bottom:calc(88px + env(safe-area-inset-bottom))!important}
  body.th-has-mobile-bottom-nav .th-back-to-top{bottom:calc(151px + env(safe-area-inset-bottom))!important}
  html body .footer:is(.th-pair-signature-white,.th-pair-aurora-glass,.th-pair-editorial-luxe,.th-pair-neo-grid,.th-pair-studio-blue) .th-next-footer-stage>a{justify-self:start!important;min-width:0!important}
}

@media(max-width:390px){
  .th-mobile-bottom-nav>a{font-size:9.5px!important}
  .th-mobile-bottom-nav>a svg{width:21px!important;height:21px!important}
}

@media(prefers-reduced-motion:reduce){.th-mobile-bottom-nav,.th-mobile-bottom-nav>a svg{transition:none!important}}