.lg-lang-wrap { position: relative; }
.lg-lang-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: #1a1b1e; color: #f1d37a;
  border: 1px solid #6b5629; padding: 8px 12px;
  border-radius: 10px; font-weight: 700; letter-spacing: .3px;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.lg-lang-btn:hover { background: #0f1012; border-color: #8d7234; }
.lg-lang-dot { width: 8px; height: 8px;
  background: radial-gradient(circle, #ffd066 20%, #c09a3d 60%, #9a7c30 100%);
  border-radius: 999px; }
.lg-caret { margin-left: 2px; opacity: .85; }
.lg-lang-menu {
  position: absolute; right: 0; top: calc(100% + 8px); min-width: 220px;
  background: #0f1114; border: 1px solid #6b5629;
  box-shadow: 0 10px 20px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,210,120,.05);
  border-radius: 12px; padding: 6px; z-index: 50;
}
.lg-lang-item {
  display: block; width: 100%; text-align: left; background: transparent;
  color: #f5e6ba; padding: 10px 12px; border: 0; border-radius: 8px;
  font-weight: 600; cursor: pointer;
}
.lg-lang-item:hover {
  background: linear-gradient(180deg, rgba(255,210,120,.12), rgba(255,210,120,.04));
  color: #fff1c7;
}
html[dir="rtl"] .lg-lang-menu { left: 0; right: auto; }