/* Use the main site's language component on standalone loadout pages.
   Scope every rule to this page; keep shared navigation and page content intact. */
.loadoutStandaloneV2 .rhLanguageSwitcher{
  position:relative;display:inline-flex;align-items:center;
  font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",Arial,sans-serif;
}
.loadoutStandaloneV2 .rhLanguageToggle{
  min-width:132px!important;justify-content:flex-start!important;
  padding:0 12px!important;gap:8px!important;letter-spacing:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.14);
  transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
.loadoutStandaloneV2 .rhLanguageToggle>b{
  min-width:0;overflow:hidden;color:#e2e8e5;font-size:11px;font-weight:900;
  line-height:1;text-overflow:ellipsis;white-space:nowrap;
}
.loadoutStandaloneV2 .rhLanguageToggle>span{
  display:none;color:#dce2df;
  font:800 10px/1 "Bahnschrift Condensed","Arial Narrow","Segoe UI",Arial,sans-serif;
  letter-spacing:.08em;
}
.loadoutStandaloneV2 .rhLanguageToggle>em{
  margin-left:auto;font-style:normal;font-size:12.5px;line-height:1;color:#7f8a84;
  transform:translateY(-1px);transition:transform .16s ease,color .16s ease;
}
.loadoutStandaloneV2 .rhLanguageToggle:hover,
.loadoutStandaloneV2 .rhLanguageSwitcher.is-open .rhLanguageToggle{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 9px 24px rgba(0,0,0,.22),0 0 18px rgba(225,190,54,.05);
}
.loadoutStandaloneV2 .rhLanguageSwitcher.is-open .rhLanguageToggle>em{
  transform:translateY(1px) rotate(180deg);color:#d4ba4b;
}
.loadoutStandaloneV2 .rhLanguageToggle:focus-visible{
  outline:2px solid rgba(211,185,63,.72);outline-offset:2px;
}
.loadoutStandaloneV2 .rhLanguageMenu{
  position:absolute;top:calc(100% + 10px);right:0;width:206px;min-width:0;
  padding:7px;display:none;border:1px solid rgba(255,255,255,.115);border-radius:10px;
  background:linear-gradient(180deg,rgba(15,20,22,.985),rgba(6,10,12,.992));
  box-shadow:0 22px 60px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(22px) saturate(1.12);overflow:hidden;
}
.loadoutStandaloneV2 .rhLanguageSwitcher.is-open .rhLanguageMenu{
  display:block;animation:fhLoadoutLanguageMenuIn .14s ease-out both;
}
@keyframes fhLoadoutLanguageMenuIn{
  from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}
}
.loadoutStandaloneV2 .rhLanguageMenu button{
  width:100%;min-height:42px;padding:0 9px;display:grid;
  grid-template-columns:23px 29px 1fr 16px;align-items:center;gap:7px;
  border:0;border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.004));
  color:#aab4af;text-align:left;cursor:pointer;
  font-family:"Bahnschrift","Segoe UI",Arial,sans-serif;font-size:13.3333px;line-height:normal;
  transition:background .14s ease,color .14s ease;
}
.loadoutStandaloneV2 .rhLanguageMenu button b{
  font:700 10px/1 "Bahnschrift Condensed","Arial Narrow","Segoe UI",Arial,sans-serif;
  letter-spacing:.08em;color:#707d76;
}
.loadoutStandaloneV2 .rhLanguageMenu button span{
  font-size:12px;font-weight:650;white-space:nowrap;
}
.loadoutStandaloneV2 .rhLanguageMenu button>em{
  margin-left:0;font-style:normal;font-size:12px;text-align:center;color:#d9bd49;
}
.loadoutStandaloneV2 .rhLanguageMenu button:hover{background:rgba(255,255,255,.055);color:#fff}
.loadoutStandaloneV2 .rhLanguageMenu button.active{
  background:linear-gradient(90deg,rgba(211,181,52,.12),rgba(211,181,52,.035));color:#f3f0e6;
}
.loadoutStandaloneV2 .rhLanguageMenu button.active b{color:#d9bd49}
.loadoutStandaloneV2 .rhLanguageMenu button:focus-visible{
  outline:1px solid rgba(211,185,63,.68);outline-offset:-1px;
}
.loadoutStandaloneV2 .rhLanguageFlag{
  display:inline-block;position:relative;box-sizing:border-box;
  width:20px;height:14px;flex:0 0 20px;
  border:1px solid rgba(255,255,255,.38);border-radius:2px;
  background-color:#0a0f11;background-position:center;background-size:cover;background-repeat:no-repeat;
  box-shadow:0 1px 4px rgba(0,0,0,.48),inset 0 0 0 1px rgba(0,0,0,.13);overflow:hidden;
}
.loadoutStandaloneV2 .rhLanguageToggle .rhLanguageFlag{margin-left:-2px}
.loadoutStandaloneV2 .rhLanguageMenu .rhLanguageFlag{justify-self:center}
@media(max-width:1220px){
  .loadoutStandaloneV2 .rhLanguageToggle{min-width:68px!important}
  .loadoutStandaloneV2 .rhLanguageToggle>b{display:none}
  .loadoutStandaloneV2 .rhLanguageToggle>span{display:inline}
}
@media(max-width:850px){.loadoutStandaloneV2 .rhLanguageMenu{right:-4px}}
@media(max-width:600px){
  .loadoutStandaloneV2 .rhLanguageToggle>span{display:none}
}
@media(prefers-reduced-motion:reduce){
  .loadoutStandaloneV2 .rhLanguageSwitcher.is-open .rhLanguageMenu{animation:none}
  .loadoutStandaloneV2 .rhLanguageToggle,.loadoutStandaloneV2 .rhLanguageToggle>em,
  .loadoutStandaloneV2 .rhLanguageMenu button{transition:none}
}
