/* UGCHost V105B — hide only the stray source-image mark beside the logo on
   non-home routes. The logo image itself stays centered and completely unshifted.
   A short transparent mask reveals the header background beneath the unwanted
   source pixels, so no part of the gold UGCHost mark is cropped. */

@media (min-width:821px){
  html body:not(.ugc-home-light-v30) #ugcGlobalHeader.ugh-two-row-v10 a.ugh-brand,
  html body:not(.ugc-home-light-v30) #ugcGlobalHeader.ugh-two-row-v10 .ugh-brand{
    background-image:url("/assets/ugchost-menu-logo-20260830.png")!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    background-position:center center!important;
    background-color:transparent!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0 40px,rgba(0,0,0,.14) 41px,#000 47px,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0 40px,rgba(0,0,0,.14) 41px,#000 47px,#000 100%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }

  html body:not(.ugc-home-light-v30) #ugcGlobalHeader.ugh-two-row-v10 a.ugh-brand::before,
  html body:not(.ugc-home-light-v30) #ugcGlobalHeader.ugh-two-row-v10 a.ugh-brand::after{
    content:none!important;
    display:none!important;
  }
}

@media (max-width:820px){
  html body:not(.ugc-home-light-v30) #ugcGlobalHeader a.ugh-brand,
  html body:not(.ugc-home-light-v30) #ugcGlobalHeader .ugh-brand{
    background-image:url("/assets/ugchost-menu-logo-20260830.png")!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    background-position:center center!important;
    background-color:transparent!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0 28px,rgba(0,0,0,.14) 29px,#000 35px,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0 28px,rgba(0,0,0,.14) 29px,#000 35px,#000 100%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }
}