/* Language toggle — .lid = Indonesian, .len = English
   Controlled by html[lang] attribute via lang switch */
.len { display: none; }
html[lang="en"] .lid { display: none; }
html[lang="en"] .len { display: revert; }

/* ── Lang Switch Dropdown ── */
.lang-sw { position: relative; }
.lang-btn {
  display: flex; align-items: center; gap: 5px;
  background: none; border: 1.5px solid oklch(22% 0.093 282 / .22);
  border-radius: 4px; padding: 6px 11px;
  font-family: var(--ff-b); font-size: 12px; font-weight: 600;
  color: oklch(22% 0.093 282 / .6); cursor: pointer; transition: all .2s;
}
.nav:not(.solid) .lang-btn { border-color: oklch(99% 0.005 88 / .35); color: oklch(99% 0.005 88 / .75); }
.lang-btn:hover, .lang-sw.open .lang-btn { border-color: oklch(74.9% 0.166 61); color: oklch(74.9% 0.166 61); }
.lang-panel {
  position: absolute; top: calc(100% + 8px); right: 0; min-width: 152px;
  background: oklch(99% 0.005 88); border-radius: 6px; padding: 4px 0;
  box-shadow: 0 8px 28px oklch(22% 0.093 282 / .12);
  border: 1px solid oklch(22% 0.093 282 / .08);
  opacity: 0; pointer-events: none;
  transition: opacity .15s, transform .15s; transform: translateY(-4px); z-index: 1001;
}
.lang-sw.open .lang-panel { opacity: 1; pointer-events: all; transform: translateY(0); }
.lang-opt {
  display: flex; align-items: center; gap: 8px; padding: 9px 16px;
  font-size: 13px; font-weight: 500; color: oklch(22% 0.093 282 / .65);
  transition: background .12s, color .12s; text-decoration: none;
}
.lang-opt:hover { background: oklch(22% 0.093 282 / .04); color: oklch(22% 0.093 282); }
.lang-opt.is-active { color: oklch(74.9% 0.166 61); font-weight: 700; }