/* UGCHost V104 — final homepage header skin for every route.
   This stylesheet intentionally loads after the legacy African textile header
   layers. It removes those decorations and restores the approved homepage
   dark navy/gold header without changing page content. */

body #ugcGlobalHeader,
html body #ugcGlobalHeader{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  width:100%!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-image:
    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-size:auto!important;
  background-position:center!important;
  background-repeat:no-repeat!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;
}

/* Permanently disable the V14/V15 textile artwork and micro-weave. */
body #ugcGlobalHeader::after,
html body #ugcGlobalHeader::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  mix-blend-mode:normal!important;
}

body #ugcGlobalHeader::before,
html body #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;
}

body #ugcGlobalHeader>.ugh-top,
body #ugcGlobalHeader>.ugh-nav,
html body #ugcGlobalHeader>.ugh-top,
html body #ugcGlobalHeader>.ugh-nav{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body #ugcGlobalHeader>.ugh-top,
html body #ugcGlobalHeader>.ugh-top{
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
body #ugcGlobalHeader>.ugh-nav,
html body #ugcGlobalHeader>.ugh-nav{
  margin-top:0!important;
  border-bottom:0!important;
}

/* Undo spacing introduced by the old textile-detail layer. */
@media (min-width:1181px){
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner,
  html body #ugcGlobalHeader.ugh-two-row-v10 .ugh-top-inner{
    min-height:82px!important;
    row-gap:0!important;
  }
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11,
  html body #ugcGlobalHeader.ugh-two-row-v10 .ugh-creator-id-search-v11{
    margin:0!important;
  }
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities,
  html body #ugcGlobalHeader.ugh-two-row-v10 .ugh-utilities{
    gap:11px!important;
  }
  body #ugcGlobalHeader.ugh-two-row-v10 .ugh-nav,
  html body #ugcGlobalHeader.ugh-two-row-v10 .ugh-nav{
    margin-top:0!important;
  }
}

#ugcGlobalHeaderSpacer{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

@media (max-width:820px){
  body #ugcGlobalHeader::before,
  html body #ugcGlobalHeader::before{
    right:7%!important;
    font-size:clamp(66px,18vw,104px)!important;
    color:rgba(255,255,255,.022)!important;
  }
  body #ugcGlobalHeader>.ugh-mobile,
  html body #ugcGlobalHeader>.ugh-mobile{
    background:
      radial-gradient(circle at 15% 2%,rgba(230,180,42,.13),transparent 30%),
      linear-gradient(145deg,#050b13 0%,#081322 52%,#0d1b2e 100%)!important;
    background-image:
      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:1px solid rgba(230,180,42,.18)!important;
  }
}