/* Snack Apps i18n CSS * Language-based display rules for 10 supported languages * Usage: Add lang attribute to element and use .lang-XX class on text elements */ /* Default: Hide all non-English, show English */ .lang-ko, .lang-ja, .lang-zh, .lang-es, .lang-pt, .lang-fr, .lang-de, .lang-vi, .lang-th { display: none !important; } .lang-en { display: inline !important; } /* Korean */ html[lang="ko"] .lang-en { display: none !important; } html[lang="ko"] .lang-ko { display: inline !important; } /* Japanese */ html[lang="ja"] .lang-en { display: none !important; } html[lang="ja"] .lang-ja { display: inline !important; } /* Chinese */ html[lang="zh"] .lang-en { display: none !important; } html[lang="zh"] .lang-zh { display: inline !important; } /* Spanish */ html[lang="es"] .lang-en { display: none !important; } html[lang="es"] .lang-es { display: inline !important; } /* Portuguese */ html[lang="pt"] .lang-en { display: none !important; } html[lang="pt"] .lang-pt { display: inline !important; } /* French */ html[lang="fr"] .lang-en { display: none !important; } html[lang="fr"] .lang-fr { display: inline !important; } /* German */ html[lang="de"] .lang-en { display: none !important; } html[lang="de"] .lang-de { display: inline !important; } /* Vietnamese */ html[lang="vi"] .lang-en { display: none !important; } html[lang="vi"] .lang-vi { display: inline !important; } /* Thai */ html[lang="th"] .lang-en { display: none !important; } html[lang="th"] .lang-th { display: inline !important; } /* Language selector styling */ .lang-selector { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); padding: 0.5rem 0.75rem; border-radius: 0.5rem; font-size: 0.875rem; color: #374151; border: 1px solid #e5e7eb; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .lang-selector:focus { outline: 2px solid #6366f1; outline-offset: 2px; }