/* UGCHost V100 — the approved homepage header is the one global header.
   This file intentionally loads last on every route. */

#ugcGlobalHeader{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  z-index:2147482000!important;
  isolation:isolate!important;
  overflow:visible!important;
  color:#f7f9fc!important;
  background:
    radial-gradient(circle at 15% 2%,rgba(230,180,42,.18),transparent 28%),
    radial-gradient(circle at 86% 30%,rgba(58,118,207,.17),transparent 30%),
    linear-gradient(145deg,#050b13 0%,#081322 42%,#0d1b2e 100%)!important;
  background-color:#050b13!important;
  border-bottom:1px solid rgba(230,180,42,.42)!important;
  box-shadow:0 14px 34px rgba(4,11,18,.22)!important;
}
#ugcGlobalHeader::after{content:none!important;display:none!important;background:none!important}
#ugcGlobalHeader::before{
  content:"UGC"!important;
  position:absolute!important;
  z-index:0!important;
  right:4.5%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:rgba(255,255,255,.022)!important;
  opacity:1!important;
  font:950 clamp(88px,8.5vw,142px)/.72 Inter,Arial,sans-serif!important;
  letter-spacing:-.09em!important;
  pointer-events:none!important;
  user-select:none!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
#ugcGlobalHeader>.ugh-top,
#ugcGlobalHeader>.ugh-nav,
#ugcGlobalHeader>.ugh-mobile{position:relative!important;z-index:1!important}
#ugcGlobalHeader>.ugh-top,
#ugcGlobalHeader>.ugh-nav{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
#ugcGlobalHeader>.ugh-top{border-bottom:1px solid rgba(255,255,255,.075)!important}
#ugcGlobalHeader>.ugh-nav{margin-top:0!important;border-bottom:0!important}
#ugcGlobalHeaderSpacer{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

#ugcGlobalHeader .ugh-menu-link,
#ugcGlobalHeader .ugh-more-button{color:#eef3f8!important}
#ugcGlobalHeader .ugh-menu-link svg{stroke:#e6b42a!important}
#ugcGlobalHeader .ugh-chevron{color:#d7b45c!important}
#ugcGlobalHeader .ugh-menu-link:hover,
#ugcGlobalHeader .ugh-menu-item.is-open>.ugh-menu-link,
#ugcGlobalHeader .ugh-more-button:hover{
  color:#ffd66b!important;
  background:rgba(230,180,42,.085)!important;
}
#ugcGlobalHeader .ugh-utility{
  color:#edf2f8!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.12)!important;
}
#ugcGlobalHeader .ugh-utility:hover{
  color:#fff!important;
  background:rgba(109,168,255,.08)!important;
  border-color:rgba(109,168,255,.34)!important;
}
#ugcGlobalHeader .ugh-utility svg{stroke:#ffd66b!important}
#ugcGlobalHeader .ugh-nav-actions{
  border-left-color:rgba(255,255,255,.10)!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
}
#ugcGlobalHeader .ugh-secondary-cta{
  color:#f5d77f!important;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(230,180,42,.58)!important;
}
#ugcGlobalHeader .ugh-secondary-cta:hover{
  color:#fff0bd!important;
  background:rgba(230,180,42,.10)!important;
  border-color:#e6b42a!important;
}
#ugcGlobalHeader .ugh-v100-dashboard,
#ugcGlobalHeader .ugh-v100-account,
#ugcGlobalHeader .ugh-v100-logout{
  min-width:0!important;
  padding-left:10px!important;
  padding-right:10px!important;
  white-space:nowrap!important;
}
#ugcGlobalHeader .ugh-panel{
  color:#f3f6fa!important;
  background:linear-gradient(145deg,#0a1727,#0f2035)!important;
  border-color:rgba(230,180,42,.28)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.34)!important;
}
#ugcGlobalHeader .ugh-panel a{color:#e9eef5!important}
#ugcGlobalHeader .ugh-panel a:hover{color:#ffd66b!important;background:rgba(230,180,42,.09)!important}
#ugcGlobalHeader .ugh-mobile-toggle{
  color:#ffd66b!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(230,180,42,.38)!important;
}
#ugcGlobalHeader .ugh-mobile{
  color:#f3f6fa!important;
  background:
    radial-gradient(circle at 15% 2%,rgba(230,180,42,.13),transparent 30%),
    linear-gradient(145deg,#050b13 0%,#081322 52%,#0d1b2e 100%)!important;
  border-top-color:rgba(230,180,42,.18)!important;
}
#ugcGlobalHeader .ugh-mobile-links a{color:#f0f3f7!important;border-bottom-color:rgba(255,255,255,.055)!important}
#ugcGlobalHeader .ugh-mobile-links a:hover{color:#ffd66b!important}

@media (min-width:1181px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11{
    width:100%!important;
    max-width:286px!important;
    min-height:40px!important;
    align-self:center!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11 input{
    height:40px!important;
    min-height:40px!important;
    padding:0 46px 0 39px!important;
    border:1px solid rgba(210,164,75,.82)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fffdf8 0%,#f5ead8 100%)!important;
    color:#14221d!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 22px rgba(0,0,0,.20),0 0 0 1px rgba(90,61,20,.16)!important;
    font-size:12px!important;
    font-weight:650!important;
    letter-spacing:.01em!important;
    caret-color:#9a7028!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11 input::placeholder{color:#4f5e56!important;opacity:1!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11 input:focus{
    border-color:#e3b95f!important;
    background:#fffdf8!important;
    box-shadow:0 0 0 3px rgba(218,177,91,.16),0 10px 26px rgba(0,0,0,.24)!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-icon-v11{left:14px!important;color:#8d6727!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11 button{
    right:4px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    border:1px solid rgba(255,235,186,.82)!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#f3cb72 0%,#d59a32 62%,#bb781d 100%)!important;
    color:#102019!important;
    box-shadow:inset 0 1px 0 rgba(255,248,224,.84),0 5px 13px rgba(154,96,21,.28)!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-brand{
    transform:translateX(clamp(92px,6.3vw,124px))!important;
    background-image:linear-gradient(90deg,#0f1710 0 26px,transparent 26px),url("/assets/ugchost-menu-logo-20260830.png")!important;
    background-repeat:no-repeat,no-repeat!important;
    background-position:left center,center center!important;
    background-size:100% 100%,contain!important;
  }
}

@media (min-width:1480px){
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{
    grid-template-columns:1fr 286px 1fr!important;
    justify-content:stretch!important;
    column-gap:14px!important;
  }
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-brand{grid-column:1!important;justify-self:start!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11{grid-column:2!important;justify-self:center!important;margin:0!important}
  #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{grid-column:3!important;justify-self:end!important;margin:0!important}
}

@media (max-width:1180px){
  #ugcGlobalHeader .ugh-brand{transform:none!important}
  #ugcGlobalHeader .ugh-creator-id-search-v11,
  #ugcGlobalHeader .ugh-creator-id-search-v11 input,
  #ugcGlobalHeader .ugh-creator-id-search-v11 button{box-sizing:border-box!important}
}

@media (max-width:820px){
  #ugcGlobalHeader{position:sticky!important;top:0!important}
  #ugcGlobalHeader::before{right:7%!important;font-size:clamp(66px,18vw,104px)!important;color:rgba(255,255,255,.022)!important}
  #ugcGlobalHeader>.ugh-mobile{max-height:calc(100dvh - 58px)!important;overflow:auto!important;overscroll-behavior:contain!important}
  #ugcGlobalHeader .ugh-mobile-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
  #ugcGlobalHeader .ugh-mobile-actions>a{width:100%!important;min-width:0!important;text-align:center!important;justify-content:center!important;box-sizing:border-box!important}
  #ugcGlobalHeader .ugh-mobile-actions>.ugh-primary-cta{grid-column:1 / -1!important}
}

@media (max-width:430px){
  #ugcGlobalHeader .ugh-shell{padding-left:12px!important;padding-right:12px!important}
  #ugcGlobalHeader .ugh-brand{max-width:152px!important}
  #ugcGlobalHeader .ugh-mobile-actions{grid-template-columns:1fr!important}
  #ugcGlobalHeader .ugh-mobile-actions>.ugh-primary-cta{grid-column:auto!important}
}