/* UGCHost Global Language Menu V5 — presentation-only enhancement.
   Keeps the V4 translation/runtime intact while replacing the native-looking
   dropdown with a premium navy/gold menu that matches the global header. */

#ugcGlobalHeader .ugh-language-menu-host-v5{
  overflow:visible!important;
  isolation:isolate;
}

/* The V4 select remains the functional source of truth, but is visually hidden
   after V5 has successfully mounted. */
#ugcGlobalHeader .ugh-language-menu-host-v5>.ugh-language-select-v4{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  border:0!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
}

#ugcGlobalHeader .ugh-language-global-v4.ugh-language-menu-host-v5{
  height:42px!important;
  gap:6px!important;
  padding:0 6px 0 10px!important;
  border:1px solid rgba(230,180,42,.38)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(230,180,42,.10),transparent 45%),
    linear-gradient(145deg,rgba(10,24,39,.92),rgba(7,16,28,.96))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 24px rgba(0,0,0,.16)!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
#ugcGlobalHeader .ugh-language-global-v4.ugh-language-menu-host-v5:hover,
#ugcGlobalHeader .ugh-language-global-v4.ugh-language-menu-host-v5.is-open-v5{
  border-color:rgba(242,204,112,.72)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(230,180,42,.15),transparent 45%),
    linear-gradient(145deg,rgba(12,28,45,.98),rgba(8,19,32,.99))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 0 3px rgba(230,180,42,.055),
    0 10px 28px rgba(0,0,0,.20)!important;
}
#ugcGlobalHeader .ugh-language-global-v4.ugh-language-menu-host-v5 .ugh-language-icon-v4{
  color:#f2cc70!important;
  filter:drop-shadow(0 0 8px rgba(230,180,42,.14));
}
#ugcGlobalHeader .ugh-language-global-v4.ugh-language-menu-host-v5 .ugh-language-caption-v4{
  color:#8fa1b3!important;
  font-size:9.5px!important;
  letter-spacing:.035em;
  text-transform:uppercase;
}

#ugcGlobalHeader .ugh-language-trigger-v5{
  appearance:none;
  border:0!important;
  outline:0!important;
  min-width:142px;
  max-width:188px;
  height:38px;
  padding:0 6px 0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  background:transparent!important;
  color:#f3f6fa!important;
  font:500 12px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation;
}
#ugcGlobalHeader .ugh-language-current-v5{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#ugcGlobalHeader .ugh-language-chevron-v5{
  flex:0 0 auto;
  color:#d7b45c;
  font-size:12px;
  transform:translateY(-1px) rotate(0deg);
  transition:transform .18s ease,color .18s ease;
}
#ugcGlobalHeader .is-open-v5>.ugh-language-trigger-v5 .ugh-language-chevron-v5{
  color:#ffd66b;
  transform:translateY(1px) rotate(180deg);
}
#ugcGlobalHeader .ugh-language-trigger-v5:focus-visible{
  border-radius:999px;
  box-shadow:0 0 0 3px rgba(230,180,42,.12)!important;
}

/* Premium dropdown panel */
#ugcGlobalHeader .ugh-language-panel-v5{
  position:absolute;
  top:calc(100% + 11px);
  right:0;
  z-index:13050;
  width:min(410px,calc(100vw - 28px));
  padding:12px;
  border:1px solid rgba(230,180,42,.34);
  border-radius:17px;
  background:
    radial-gradient(circle at 88% 0%,rgba(85,145,224,.13),transparent 32%),
    radial-gradient(circle at 10% 0%,rgba(230,180,42,.10),transparent 34%),
    linear-gradient(155deg,#07131f 0%,#0a1929 50%,#0d2034 100%);
  color:#f4f7fa;
  box-shadow:
    0 26px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.045);
  pointer-events:auto!important;
  direction:ltr!important;
  text-align:left!important;
}
#ugcGlobalHeader .ugh-language-panel-v5[hidden]{display:none!important}
#ugcGlobalHeader .ugh-language-panel-v5::before{
  content:"";
  position:absolute;
  top:-6px;
  right:30px;
  width:11px;
  height:11px;
  transform:rotate(45deg);
  border-left:1px solid rgba(230,180,42,.30);
  border-top:1px solid rgba(230,180,42,.30);
  background:#091726;
}
#ugcGlobalHeader .ugh-language-panel-heading-v5{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:3px 4px 10px;
}
#ugcGlobalHeader .ugh-language-panel-heading-v5 strong{
  display:block;
  color:#fff;
  font:600 17px/1.1 "Cormorant Garamond",Georgia,serif;
  letter-spacing:.01em;
}
#ugcGlobalHeader .ugh-language-panel-heading-v5 span{
  color:#8ea0b3;
  font:500 9.5px/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
#ugcGlobalHeader .ugh-language-search-v5{
  width:100%;
  height:40px;
  margin:0 0 9px;
  padding:0 12px 0 34px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:11px;
  outline:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:#f7f9fb;
  caret-color:#f0c96c;
  font:500 12px/1 Inter,system-ui,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
#ugcGlobalHeader .ugh-language-search-shell-v5{position:relative}
#ugcGlobalHeader .ugh-language-search-shell-v5::before{
  content:"⌕";
  position:absolute;
  left:12px;
  top:8px;
  z-index:2;
  color:#c8a85c;
  font-size:16px;
  line-height:1;
  pointer-events:none;
}
#ugcGlobalHeader .ugh-language-search-v5::placeholder{color:#72869a}
#ugcGlobalHeader .ugh-language-search-v5:focus{
  border-color:rgba(230,180,42,.52);
  box-shadow:0 0 0 3px rgba(230,180,42,.065);
}

#ugcGlobalHeader .ugh-language-list-v5{
  display:grid;
  gap:3px;
  max-height:min(390px,55vh);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:2px 2px 2px 0;
  scrollbar-width:thin;
  scrollbar-color:rgba(230,180,42,.32) rgba(255,255,255,.035);
}
#ugcGlobalHeader .ugh-language-list-v5::-webkit-scrollbar{width:7px}
#ugcGlobalHeader .ugh-language-list-v5::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:999px}
#ugcGlobalHeader .ugh-language-list-v5::-webkit-scrollbar-thumb{background:rgba(230,180,42,.30);border-radius:999px}
#ugcGlobalHeader .ugh-language-option-v5{
  width:100%;
  min-height:48px;
  padding:7px 9px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:9px!important;
  background:transparent!important;
  color:#e9eff5!important;
  text-align:left!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease;
}
#ugcGlobalHeader .ugh-language-option-v5:hover,
#ugcGlobalHeader .ugh-language-option-v5:focus-visible{
  background:rgba(230,180,42,.075)!important;
  border-color:rgba(230,180,42,.16)!important;
  outline:0!important;
  transform:translateX(1px);
}
#ugcGlobalHeader .ugh-language-option-v5[aria-selected="true"]{
  background:
    linear-gradient(90deg,rgba(230,180,42,.13),rgba(109,168,255,.055))!important;
  border-color:rgba(230,180,42,.27)!important;
}
#ugcGlobalHeader .ugh-language-option-flag-v5{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  font-size:16px;
  line-height:1;
}
#ugcGlobalHeader .ugh-language-option-copy-v5{min-width:0}
#ugcGlobalHeader .ugh-language-option-copy-v5 strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f3f6f9;
  font:500 12px/1.25 Inter,system-ui,sans-serif;
}
#ugcGlobalHeader .ugh-language-option-copy-v5 small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8093a7;
  font:400 10.5px/1.2 Inter,system-ui,sans-serif;
}
#ugcGlobalHeader .ugh-language-option-check-v5{
  color:#f0c96c;
  font-size:13px;
  opacity:0;
  text-align:center;
}
#ugcGlobalHeader .ugh-language-option-v5[aria-selected="true"] .ugh-language-option-check-v5{opacity:1}
#ugcGlobalHeader .ugh-language-empty-v5{
  padding:24px 12px;
  color:#8da0b4;
  text-align:center;
  font:500 12px/1.5 Inter,system-ui,sans-serif;
}
#ugcGlobalHeader .ugh-language-panel-foot-v5{
  margin-top:8px;
  padding:9px 4px 1px;
  border-top:1px solid rgba(255,255,255,.055);
  color:#61768b;
  font:500 9px/1.4 Inter,system-ui,sans-serif;
  letter-spacing:.01em;
}

/* Mobile language control receives the same design, but the panel stays within
   the compact menu instead of spreading across the viewport. */
#ugcGlobalHeader .ugh-language-mobile-v4.ugh-language-menu-host-v5{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:"icon caption" "trigger trigger"!important;
  gap:7px 9px!important;
  padding:11px!important;
  overflow:visible!important;
  border-color:rgba(230,180,42,.28)!important;
  background:linear-gradient(145deg,rgba(12,27,43,.94),rgba(7,18,30,.96))!important;
}
#ugcGlobalHeader .ugh-language-mobile-v4.ugh-language-menu-host-v5>.ugh-language-icon-v4{grid-area:icon}
#ugcGlobalHeader .ugh-language-mobile-v4.ugh-language-menu-host-v5>.ugh-language-caption-v4{grid-area:caption;align-self:center}
#ugcGlobalHeader .ugh-language-mobile-v4.ugh-language-menu-host-v5>.ugh-language-trigger-v5{
  grid-area:trigger;
  width:100%;
  min-width:0;
  max-width:none;
  height:43px;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.032)!important;
}
#ugcGlobalHeader .ugh-language-mobile-v4.ugh-language-menu-host-v5>.ugh-language-panel-v5{
  top:calc(100% + 7px);
  left:0;
  right:0;
  width:100%;
  max-width:none;
}
#ugcGlobalHeader .ugh-language-mobile-v4.ugh-language-menu-host-v5>.ugh-language-panel-v5::before{right:22px}

@media(max-width:1380px){
  #ugcGlobalHeader .ugh-language-global-v4.ugh-language-menu-host-v5{padding-left:8px!important}
  #ugcGlobalHeader .ugh-language-global-v4.ugh-language-menu-host-v5 .ugh-language-caption-v4{display:none!important}
  #ugcGlobalHeader .ugh-language-trigger-v5{min-width:119px;max-width:148px;font-size:11.5px!important}
  #ugcGlobalHeader .ugh-language-panel-v5{width:min(390px,calc(100vw - 24px))}
}
@media(max-width:980px){
  #ugcGlobalHeader .ugh-language-global-v4.ugh-language-menu-host-v5{display:none!important}
}
@media(max-width:640px){
  #ugcGlobalHeader .ugh-language-panel-heading-v5 strong{font-size:16px}
  #ugcGlobalHeader .ugh-language-panel-heading-v5 span{display:none}
  #ugcGlobalHeader .ugh-language-list-v5{max-height:min(330px,48vh)}
  #ugcGlobalHeader .ugh-language-option-v5{min-height:46px}
}
@media(prefers-reduced-motion:reduce){
  #ugcGlobalHeader .ugh-language-chevron-v5,
  #ugcGlobalHeader .ugh-language-option-v5,
  #ugcGlobalHeader .ugh-language-global-v4.ugh-language-menu-host-v5{transition:none!important}
}