/* TradingRoad V10 native language dropdown — English and Arabic.
   Scoped to the existing unified header; no hero or homepage layout changes. */
html body .tr-unified-header .tr-language-menu{
  position:relative;
  display:inline-flex;
  align-items:center;
  flex:none;
  min-width:0;
  direction:ltr;
  font-family:'Outfit',Arial,sans-serif;
  white-space:nowrap;
  z-index:250;
}
html body .tr-unified-header .tr-language-menu .tr-language-toggle{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:auto;
  min-height:35px;
  padding:7px 9px;
  border:1px solid rgba(176,188,245,.26);
  border-radius:10px;
  background:rgba(13,20,69,.30);
  color:#F7F8FF;
  cursor:pointer;
  user-select:none;
  list-style:none;
  font:750 12px/1 'Outfit',Arial,sans-serif;
  transition:background .18s ease,border-color .18s ease;
}
html body .tr-unified-header .tr-language-menu .tr-language-toggle::-webkit-details-marker{display:none}
html body .tr-unified-header .tr-language-menu .tr-language-toggle::marker{content:""}
html body .tr-unified-header .tr-language-menu .tr-language-toggle:hover,
html body .tr-unified-header .tr-language-menu[open] .tr-language-toggle{
  background:rgba(32,43,109,.76);
  border-color:rgba(181,198,255,.55);
}
html body .tr-unified-header .tr-language-menu .tr-lang-flag{
  display:inline-flex;
  width:25px;
  height:17px;
  flex:none;
  overflow:hidden;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
}
html body .tr-unified-header .tr-language-menu .tr-lang-flag svg{
  display:block;
  width:100%;
  height:100%;
}
html body .tr-unified-header .tr-language-menu .tr-lang-selected,
html body .tr-unified-header .tr-language-menu .tr-lang-code{
  color:#F3F5FF;
  font:750 12px/1 'Outfit',Arial,sans-serif!important;
  letter-spacing:.025em;
}
html body .tr-unified-header .tr-language-menu .tr-lang-chevron{
  display:block;
  width:12px;
  height:12px;
  flex:none;
  color:#B9C4E9;
  transition:transform .18s ease;
}
html body .tr-unified-header .tr-language-menu[open] .tr-lang-chevron{transform:rotate(180deg)}
html body .tr-unified-header .tr-language-menu .tr-language-options{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  width:191px;
  padding:6px;
  border-radius:13px;
  border:1px solid #353F78;
  background:#0C123E;
  box-shadow:0 18px 45px rgba(0,0,0,.36);
  direction:ltr;
  z-index:270;
}
html body .tr-unified-header .tr-language-menu .tr-language-options a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:8px 9px;
  border-radius:8px;
  color:#DFE5FA;
  text-decoration:none;
  font:600 12px/1.35 'Outfit',Arial,sans-serif;
}
html body .tr-unified-header .tr-language-menu .tr-language-options a:hover,
html body .tr-unified-header .tr-language-menu .tr-language-options a:focus-visible,
html body .tr-unified-header .tr-language-menu .tr-language-options a[aria-current="true"]{
  color:white;
  background:#1B2866;
}
html body .tr-unified-header .tr-language-menu .tr-language-options .tr-lang-name{flex:1}
html body .tr-unified-header .tr-language-menu .tr-language-options a[lang="ar"] .tr-lang-name{
  font:650 13px/1.5 'TR Frutiger Arabic',Arial,sans-serif;
}
html body .tr-unified-header .tr-language-menu .tr-language-options .tr-lang-code{
  color:#9DADE7;
  font-size:11px!important;
}
html body .tr-unified-header .tr-language-switch-mobile{display:none}
@media(max-width:1280px) and (min-width:921px){
 html body .tr-unified-header .tr-unified-links{gap:12px}
 html body .tr-unified-header .tr-unified-actions{gap:9px;margin-left:4px}
 html body .tr-unified-header .tr-brand .tr-logo{width:160px}
 html body .tr-unified-header .tr-unified-actions .nav-cta{padding:12px 12px}
}
@media(max-width:920px){
 html body .tr-unified-header .tr-language-switch-desktop{display:none}
 html body .tr-unified-header .tr-language-switch-mobile{
  display:inline-flex;
  align-self:flex-start;
  margin:9px 0 13px;
 }
 html body .tr-unified-header .tr-language-switch-mobile .tr-language-toggle{
  font-size:14px;
  min-height:41px;
  padding:9px 12px;
 }
 html body .tr-unified-header .tr-language-switch-mobile .tr-language-options{
  position:static;
  width:min(260px,calc(100vw - 70px));
  margin-top:7px;
  box-shadow:none;
 }
}
@media(prefers-reduced-motion:reduce){
 html body .tr-unified-header .tr-language-menu *{transition:none!important}
}

/* Center the desktop primary navigation independently of both side groups.
   The logo stays left and the language / login / account controls stay right.
   Grid is enabled only when there is sufficient space for the three groups. */
@media (min-width:1281px) {
  html body .tr-unified-header .tr-unified-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
    align-items:center;
    column-gap:16px;
  }
  html body .tr-unified-header .tr-brand{
    justify-self:start;
    min-width:0;
  }
  html body .tr-unified-header .tr-unified-links{
    justify-self:center;
    margin:0;
  }
  html body .tr-unified-header .tr-unified-actions{
    justify-self:end;
    margin:0;
  }
}
