/* --- Lang dropdown: click-to-open, Safari-friendly --- */
.lang { position: relative; display: inline-block; }
.lang-btn { display:inline-flex; align-items:center; gap:.5rem; padding:.45rem .7rem; border-radius:.6rem; background:#1b1b22; border:1px solid #2b2b34; cursor:pointer; }
.lang-btn:focus { outline:2px solid #6c5ce7; outline-offset:2px; }
.lang-list {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  padding: .5rem;
  background: #121218;
  border: 1px solid #2b2b34;
  border-radius: .6rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  z-index: 50;
}
.lang:hover .lang-list { display: none !important; }
.lang.is-open .lang-list { display: block !important; }
.lang-list a {
  display:flex; align-items:center; gap:.5rem;
  padding:.45rem .55rem; border-radius:.5rem; text-decoration:none;
  color:#cfd3ff;
}
.lang-list a:hover { background:#1a1a23; }
.lang .flag { width:16px; height:12px; border-radius:2px; background:#555; display:inline-block; }
.caret { transform: translateY(1px); opacity:.8; }
.lang-text { white-space: nowrap; }