/* ==========================================================================
    LANGUAGE VISIBILITY SYSTEM
   ========================================================================== */

/*
 * How it works:
 * - Admin/block editor: All languages visible (no current-lang-* class on body)
 * - Frontend: Only show the current language based on body class
 * 
 * We use a two-step approach:
 * 1. Hide ALL language elements when body has ANY current-lang-* class (frontend only)
 * 2. Then SHOW only the matching language for that body class
 */

/* Step 1: Hide all languages when body has current-lang class (frontend only) */
body[class*="current-lang-"] .lang-en,
body[class*="current-lang-"] .lang-zh,
body[class*="current-lang-"] .lang-ja {
    display: none !important;
}

/* Step 2: Show only the current language based on body class */
body.current-lang-en .lang-en,
body.current-lang-zh .lang-zh,
body.current-lang-ja .lang-ja {
    display: block !important;
}

/* For inline elements (spans, links) */
body.current-lang-en span.lang-en,
body.current-lang-zh span.lang-zh,
body.current-lang-ja span.lang-ja,
body.current-lang-en a.lang-en,
body.current-lang-zh a.lang-zh,
body.current-lang-ja a.lang-ja {
    display: inline !important;
}