/* UGCHost Global Header Standard V18
   Fail-open header authority: the global menu must remain visible even if a
   secondary enhancement is late or unavailable. */

/* Local/legacy top navigation never paints. */
body > header:not(#ugcGlobalHeader),
body > .site-header,
body > .content-header,
body > .top-header,
body > .topbar,
body > .top-bar,
body > .main-header,
body > .app-header,
body > .dashboard-header,
body > .global-header,
body > .navbar,
body > .nav-bar,
[data-ugchost-legacy-header="hidden"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Never hide the canonical global header while optional transformations finish. */
#ugcGlobalHeader{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#ugcGlobalHeaderSpacer{
  visibility:visible!important;
}
html.ugc-header-standard-ready-v18 #ugcGlobalHeader{
  transition:none!important;
}

/* V18b Creator-ID control lock.
   Auth/sign-up pages load their own form systems, so the global search must not
   inherit page-specific button/input metrics. Keep both icons geometrically
   centered and make the gold search button an isolated fixed-size control. */
#ugcGlobalHeader .ugh-creator-id-search-v11{
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  line-height:normal!important;
  min-height:36px!important;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 .ugh-creator-id-icon-v11{
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 .ugh-creator-id-icon-v11 svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
  padding:0!important;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 input{
  box-sizing:border-box!important;
  margin:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  line-height:1!important;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 button{
  box-sizing:border-box!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  line-height:0!important;
  font-size:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  flex:none!important;
  overflow:hidden!important;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 button svg{
  display:block!important;
  width:13px!important;
  height:13px!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
}

@media (min-width:1181px){
  #ugcGlobalHeader .ugh-creator-id-search-v11 button{
    right:4px!important;
    width:28px!important;
    height:28px!important;
    border-radius:50%!important;
  }
}

@media (max-width:1180px){
  #ugcGlobalHeader .ugh-mobile .ugh-creator-id-search-v11{
    min-height:44px!important;
  }
  #ugcGlobalHeader .ugh-mobile .ugh-creator-id-search-v11 button{
    right:6px!important;
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
  }
}

/* V18c optical correction for the submit magnifier.
   The SVG's handle makes its visual mass sit low/right even when its box is
   mathematically centered. Position the glyph independently inside the gold
   control, increase it slightly, and nudge it up/left for true optical balance. */
#ugcGlobalHeader .ugh-creator-id-search-v11 button{
  display:block!important;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 button svg{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
  transform:translate(-52%,-52%)!important;
  transform-origin:center!important;
  overflow:visible!important;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 button svg circle,
#ugcGlobalHeader .ugh-creator-id-search-v11 button svg path{
  stroke-width:2.05!important;
}

@media (max-width:1180px){
  #ugcGlobalHeader .ugh-mobile .ugh-creator-id-search-v11 button svg{
    width:16px!important;
    height:16px!important;
  }
}

/* V18d in-frame laptop correction.
   Keep the logo in its normal column, but stop centering the whole control
   cluster inside a narrow desktop window. The Creator-ID field and actions now
   begin earlier and use tighter spacing, so the final For Brands button stays
   fully inside the right edge. */
@media (min-width:1181px) and (max-width:1500px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-shell{
    width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{
    grid-template-columns:auto minmax(216px,252px) minmax(0,auto)!important;
    justify-content:start!important;
    column-gap:12px!important;
    row-gap:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11{
    width:100%!important;
    max-width:252px!important;
    flex-basis:252px!important;
    margin-right:0!important;
    justify-self:start!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{
    min-width:0!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    gap:6px!important;
    margin-left:0!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-language-global-v4.ugh-language-menu-host-v5>.ugh-language-trigger-v5{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:10.5px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utility.ugh-account{
    padding-left:9px!important;
    padding-right:9px!important;
    font-size:10.5px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-signup-v39{
    padding-left:1px!important;
    padding-right:1px!important;
    font-size:10.5px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-primary-cta{
    padding-left:11px!important;
    padding-right:11px!important;
    font-size:10.5px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities>.ugh-secondary-cta{
    padding-left:9px!important;
    padding-right:9px!important;
    font-size:10.25px!important;
  }
}

@media (min-width:1181px) and (max-width:1280px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-shell{
    width:calc(100% - 22px)!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 a.ugh-brand{
    width:260px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{
    grid-template-columns:260px minmax(202px,232px) minmax(0,auto)!important;
    column-gap:9px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11{
    max-width:232px!important;
    flex-basis:232px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{
    gap:4px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-language-global-v4.ugh-language-menu-host-v5>.ugh-language-trigger-v5,
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utility.ugh-account,
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-signup-v39,
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-primary-cta,
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities>.ugh-secondary-cta{
    font-size:10px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-primary-cta{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities>.ugh-secondary-cta{
    padding-left:7px!important;
    padding-right:7px!important;
  }
}


/* V18e visible control-cluster left pull. */
/* Preserve the approved logo position while moving Creator ID,
   language, account, and CTA controls into the empty space beside it. */
@media (min-width:1321px) and (max-width:1500px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{
    grid-template-columns:auto minmax(216px,252px) minmax(0,auto)!important;
    justify-content:center!important;
    column-gap:12px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11,
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{
    position:relative!important;
    transform:translateX(-148px)!important;
  }
}

@media (min-width:1501px) and (max-width:1760px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{
    justify-content:center!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11,
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{
    position:relative!important;
    transform:translateX(-82px)!important;
  }
}

@media (min-width:1181px) and (max-width:1320px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{
    justify-content:start!important;
    column-gap:4px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11,
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{
    transform:none!important;
  }
}