/* ============================================================
   Language Switching — Clean, No Conflicts
   ============================================================ */

/* Default state: EN visible, ZH hidden */
body [data-lang="zh"] { display: none !important; }

/* When Chinese mode is active: hide EN, show ZH */
body.lang-zh [data-lang="en"] { display: none !important; }
body.lang-zh [data-lang="zh"] { display: block !important; }

/* Inline spans need inline display, not block */
body.lang-zh span[data-lang="en"] { display: none !important; }
body.lang-zh span[data-lang="zh"] { display: inline !important; }

/* Nav links: always shown, but only one pair gets .active class via JS */
.nav-links a { display: inline-block !important; }
.nav-links a.active { color: var(--mint-dark); }
.nav-links a:not(.active) { display: none !important; }

/* Mobile override */
@media (max-width: 768px) {
  .nav-links a { display: block !important; padding: 12px 0; }
}