/* UGCHost V103 — use the homepage's final header composition on every route.
   This file intentionally mirrors the effective homepage header geometry rather
   than maintaining a second page-specific approximation. */

@media (min-width:1181px){
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-shell{
    width:min(1760px,calc(100% - 48px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{
    min-height:82px!important;
    display:grid!important;
    grid-template-columns:auto minmax(230px,286px) auto!important;
    justify-content:center!important;
    align-items:center!important;
    column-gap:22px!important;
    row-gap:0!important;
    min-width:0!important;
  }

  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-brand{
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
    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;
  }

  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11{
    width:100%!important;
    max-width:286px!important;
    min-width:0!important;
    min-height:40px!important;
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
  }

  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11 input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    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;
  }
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11 input::placeholder{color:#4f5e56!important;opacity:1!important}
  body #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;
  }
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-icon-v11{left:14px!important;color:#8d6727!important}
  body #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;
  }

  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{
    justify-self:start!important;
    align-self:center!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:11px!important;
    margin:0!important;
    min-width:0!important;
    flex-wrap:nowrap!important;
  }
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities>*{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }

  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-language-global-v4.ugh-language-menu-host-v5,
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-language-global-v4.ugh-language-menu-host-v5>.ugh-language-trigger-v5,
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-utility.ugh-account,
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-signup-v39,
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-primary-cta,
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities>.ugh-secondary-cta{
    height:36px!important;
    min-height:36px!important;
  }
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-language-current-v5{line-height:36px!important}

  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-nav-inner{
    justify-content:center!important;
    align-items:center!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-menu{
    justify-content:center!important;
    align-items:center!important;
  }
}

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

@media (max-width:1180px){
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-shell{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body #ugcGlobalHeader .ugh-brand{transform:none!important}
  body #ugcGlobalHeader .ugh-creator-id-search-v11,
  body #ugcGlobalHeader .ugh-creator-id-search-v11 input,
  body #ugcGlobalHeader .ugh-creator-id-search-v11 button{box-sizing:border-box!important}
}