/* UGCHost Global Header V11 — left-anchored two-row shell + database Creator ID search.
   Presentation only; V10 remains the structural navigation source. */

@media (min-width:1181px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-shell{
    width:min(1760px,calc(100% - 48px))!important;
    margin-left:clamp(24px,2.35vw,48px)!important;
    margin-right:auto!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{
    grid-template-columns:auto minmax(220px,286px) auto!important;
    justify-content:start!important;
    gap:18px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-brand{justify-self:start!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{
    justify-self:start!important;
    justify-content:flex-start!important;
    margin-left:0!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-nav-inner{
    justify-content:flex-start!important;
    padding-left:0!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-menu{justify-content:flex-start!important}
}

#ugcGlobalHeader .ugh-creator-id-search-v11{
  position:relative;
  min-width:0;
  width:100%;
  max-width:286px;
  display:flex;
  align-items:center;
  flex:0 1 286px;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 .ugh-creator-id-icon-v11{
  position:absolute;
  left:13px;
  width:15px;
  height:15px;
  pointer-events:none;
  color:#c8ad70;
  z-index:1;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 input{
  width:100%;
  height:38px;
  min-width:0;
  padding:0 43px 0 37px;
  border:1px solid rgba(230,184,84,.32);
  border-radius:999px;
  outline:0;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:#f1f4f7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.12);
  font:500 12px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.01em;
}
#ugcGlobalHeader .ugh-creator-id-search-v11 input::placeholder{color:#9aa8b7;opacity:1}
#ugcGlobalHeader .ugh-creator-id-search-v11 input:focus{
  border-color:rgba(242,204,112,.78);
  background:rgba(255,255,255,.065);
  box-shadow:0 0 0 3px rgba(230,184,84,.10),0 8px 24px rgba(0,0,0,.16);
}
#ugcGlobalHeader .ugh-creator-id-search-v11 button{
  position:absolute;
  right:5px;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:linear-gradient(145deg,#f3cf77,#d79b2f);
  color:#101820;
  cursor:pointer;
  box-shadow:0 5px 13px rgba(202,145,32,.18);
}
#ugcGlobalHeader .ugh-creator-id-search-v11 button:hover{filter:brightness(1.06)}
#ugcGlobalHeader .ugh-creator-id-search-v11 button:disabled{cursor:wait;opacity:.72}
#ugcGlobalHeader .ugh-creator-id-search-v11 button svg{width:13px;height:13px;stroke:currentColor}
#ugcGlobalHeader .ugh-creator-id-status-v11{
  position:absolute;
  top:calc(100% + 7px);
  left:10px;
  z-index:10020;
  max-width:270px;
  padding:7px 10px;
  border:1px solid rgba(230,184,84,.26);
  border-radius:9px;
  background:#091622;
  color:#dfe6ed;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  font-size:10.5px;
  line-height:1.3;
  white-space:normal;
}
#ugcGlobalHeader .ugh-creator-id-status-v11[hidden]{display:none!important}
#ugcGlobalHeader .ugh-creator-id-status-v11.is-error{border-color:rgba(226,121,104,.46);color:#ffd6cf}

/* Compact laptops collapse before the extra Creator-ID control can make the
   utility row bleed. All features remain in the existing mobile panel. */
@media (max-width:1180px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-shell{width:calc(100% - 28px)!important;margin:0 auto!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{display:flex!important;align-items:center!important;min-height:70px!important;gap:12px!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-brand{flex:1 1 auto!important;min-width:0!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-nav{display:none!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{display:flex!important;margin-left:auto!important;flex:0 0 auto!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities>*:not(.ugh-mobile-toggle){display:none!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-mobile-toggle{display:grid!important;place-items:center!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-mobile.is-open{display:block!important;max-height:calc(100vh - 70px);overflow-y:auto;overscroll-behavior:contain}
  #ugcGlobalHeader .ugh-creator-id-search-v11.ugh-creator-id-desktop-v11{display:none!important}
  #ugcGlobalHeader .ugh-mobile .ugh-creator-id-search-v11{
    display:flex!important;
    max-width:none!important;
    width:100%!important;
    margin:2px 0 12px!important;
  }
  #ugcGlobalHeader .ugh-mobile .ugh-creator-id-search-v11 input{height:44px!important;border-radius:12px!important;padding-left:40px!important}
  #ugcGlobalHeader .ugh-mobile .ugh-creator-id-search-v11 button{right:6px;width:32px;height:32px;border-radius:9px!important}
  #ugcGlobalHeader .ugh-mobile .ugh-creator-id-status-v11{position:static!important;margin-top:7px!important;max-width:none!important;width:100%!important}
}

@media (max-width:640px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-shell{width:calc(100% - 20px)!important}
}