/* TradyGo — Language selector (dropdown) + i18n utilities */

/* ── Web fonts for Arabic & Chinese ── */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

[lang="ar"]{
  font-family:'Noto Sans Arabic', sans-serif;
}
[lang="zh"]{
  font-family:'Noto Sans SC', sans-serif;
}

/* ── Container ── */
.lang-selector{
  position:relative;
  display:inline-flex;
  flex-shrink:0;
  z-index:1000;
}

/* ── Trigger button ── */
.lang-selector-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,0.10);
  border-radius:100px;
  background:rgba(255,255,255,0.06);
  color:rgba(255,255,255,0.75);
  font-size:13px;
  font-weight:600;
  font-family:inherit;
  letter-spacing:0.03em;
  cursor:pointer;
  transition:all 0.2s;
  line-height:1;
  white-space:nowrap;
}
.lang-selector-btn:hover{
  background:rgba(255,255,255,0.10);
  color:#fff;
}
.lang-selector.open .lang-selector-btn{
  background:rgba(255,255,255,0.10);
  color:#fff;
  border-color:rgba(62,207,142,0.3);
}
.lang-selector-globe{
  font-size:15px;
  line-height:1;
}
.lang-selector-arrow{
  font-size:10px;
  transition:transform 0.2s;
}
.lang-selector.open .lang-selector-arrow{
  transform:rotate(180deg);
}

/* ── Dropdown menu ── */
.lang-selector-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  min-width:160px;
  background:rgba(18,18,24,0.96);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:12px;
  padding:4px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px);
  transition:all 0.2s;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 8px 32px rgba(0,0,0,0.4);
  list-style:none;
  margin:0;
}
.lang-selector.open .lang-selector-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* ── Menu items ── */
.lang-selector-item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:8px 12px;
  border:none;
  border-radius:8px;
  background:transparent;
  color:rgba(255,255,255,0.7);
  font-size:13px;
  font-weight:500;
  font-family:inherit;
  cursor:pointer;
  transition:all 0.15s;
  text-align:left;
}
.lang-selector-item:hover{
  background:rgba(255,255,255,0.08);
  color:#fff;
}
.lang-selector-item.active{
  color:#fff;
  background:rgba(62,207,142,0.15);
}
.lang-selector-item-flag{
  font-size:18px;
  line-height:1;
  flex-shrink:0;
}
.lang-selector-item-label{
  flex:1;
}
.lang-selector-item-check{
  font-size:14px;
  color:#3ECF8E;
  opacity:0;
  transition:opacity 0.15s;
}
.lang-selector-item.active .lang-selector-item-check{
  opacity:1;
}

/* ── Mobile: inside mobile menu ── */
.lang-selector-mobile-container{
  padding:12px 0;
  text-align:center;
  border-top:1px solid rgba(255,255,255,0.08);
  margin-top:8px;
}
.lang-selector-mobile-container .lang-selector-menu{
  position:static;
  opacity:1;
  visibility:visible;
  transform:none;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  padding:0;
  min-width:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:4px;
}
.lang-selector-mobile-container .lang-selector-btn{
  display:none;
}
.lang-selector-mobile-container .lang-selector-item{
  width:auto;
  padding:8px 14px;
  border-radius:100px;
  border:1px solid rgba(255,255,255,0.08);
  justify-content:center;
}
.lang-selector-mobile-container .lang-selector-item.active{
  border-color:rgba(62,207,142,0.3);
}
.lang-selector-mobile-container .lang-selector-item-check{
  display:none;
}

/* ── RTL global overrides (Arabic) ── */
[dir="rtl"] .lang-selector-menu{
  right:auto;
  left:0;
}
[dir="rtl"] .lang-selector-item{
  text-align:right;
}

/* Text alignment */
[dir="rtl"] .hero,
[dir="rtl"] .hero-text{
  text-align:right;
}

/* Flex row reversal */
[dir="rtl"] .hero-cta,
[dir="rtl"] .nav-cta,
[dir="rtl"] .nav-links{
  flex-direction:row-reverse;
}

/* Border accent: left→right */
[dir="rtl"] .warn,
[dir="rtl"] .info-box,
[dir="rtl"] .warn-box,
[dir="rtl"] .warning-box,
[dir="rtl"] .highlight,
[dir="rtl"] .callout-red,
[dir="rtl"] .warning{
  border-left:none;
  border-right:4px solid currentColor;
}
[dir="rtl"] .info-box{ border-right-color:#3ECF8E; }
[dir="rtl"] .warn-box,
[dir="rtl"] .warning-box,
[dir="rtl"] .highlight,
[dir="rtl"] .warn{ border-right-color:#FBBF24; }
[dir="rtl"] .callout-red,
[dir="rtl"] .warning{ border-right-color:#F87171; }

/* Feature list checkmarks: left→right */
[dir="rtl"] .ch-compact .cch-features li{
  padding-left:0;
  padding-right:18px;
}
[dir="rtl"] .ch-compact .cch-features li::before{
  left:auto;
  right:0;
}

/* Ticker border flip */
[dir="rtl"] .tg-news-ticker-label{
  border-right:none;
  border-left:1px solid rgba(62,207,142,0.18);
}
[dir="rtl"] .tg-news-ticker-close{
  border-left:none;
  border-right:1px solid rgba(62,207,142,0.10);
}

/* Strip separator flip */
[dir="rtl"] .forwho-strip-item{
  border-right:none;
  border-left:1px solid rgba(255,255,255,0.06);
}
[dir="rtl"] .forwho-strip-item:last-child{
  border-left:0;
}

/* Icon spacing flip */
[dir="rtl"] .forwho-icon{
  margin-right:0;
  margin-left:8px;
}

/* Footer columns: reverse order */
[dir="rtl"] .footer-cols{
  direction:rtl;
}

/* Hero grid: reverse column order */
@media(min-width:980px){
  [dir="rtl"] .hero{
    direction:rtl;
  }
}

/* Button shimmer: flip direction */
[dir="rtl"] .btn-primary::after{
  left:auto;
  right:-120%;
}

/* Price amount spacing */
[dir="rtl"] .bot-price-amount span[style*="margin-left"]{
  margin-left:0 !important;
  margin-right:6px !important;
}

/* ── Nav integration — compact in nav-cta ── */
.nav-cta .lang-selector-btn{
  padding:5px 10px;
  font-size:12px;
  gap:4px;
}
.nav-cta .lang-selector-globe{
  font-size:13px;
}
.nav-cta .lang-selector-arrow{
  font-size:9px;
}

/* ── Responsive ── */
@media(max-width:900px){
  .nav-cta .lang-selector{
    order:-1;
  }
}