/* Language Switching Logic */

/* Default State (if JS fails, maybe show both or default to EN? Currently defaults to both if no class) */
/* Actually, let's assume one is hidden by default in CSS if we want to avoid flash, 
   but since JS runs fast, we'll rely on the body classes. */

/* When English is Active */
body.show-en .mm-content,
body.show-en .mm /* Legacy class support */ {
    display: none !important;
}

/* When Myanmar is Active */
body.show-mm .en-content,
body.show-mm .en /* Legacy class support */ {
    display: none !important;
}

/* Specific fix for vertical separators or inline elements if needed */
body.show-mm .divider {
    display: none !important;
}

body.show-en .divider {
    display: none !important; /* Also hide divider if we are switching cleanly, since divider was for simultaneous display */
}

/* Adjustments for mixed inline */
/* If we have <span class="en">...</span> <span class="mm">...</span>, they will toggle correctly. */

/* Ensure block elements behave correctly when swapped */
h1.en-content, h1.mm-content,
h2.en-content, h2.mm-content,
h3.en-content, h3.mm-content,
p.en-content, p.mm-content {
    /* No special display rule needed, they are block by default */
}