/* Language Display Styles */
.en, .id {
    display: none; /* Hide all language elements by default */
}

/* These classes will be added via JavaScript */
html[lang="en"] .en {
    display: block;
}

html[lang="id"] .id {
    display: block;
}

/* For elements that need to be inline */
html[lang="en"] span.en,
html[lang="en"] a.en,
html[lang="en"] button.en {
    display: inline-block;
}

html[lang="id"] span.id,
html[lang="id"] a.id,
html[lang="id"] button.id {
    display: inline-block;
}

/* For flex elements */
html[lang="en"] .flex-container .en,
html[lang="id"] .flex-container .id {
    display: flex;
}