/**
 * Language switcher — minimal front-end styling. Enqueued only when the switcher
 * actually renders. Uses logical properties and flex so it mirrors correctly
 * under dir="rtl" (the globe moves to the right, items flow right-to-left) with
 * no RTL-specific overrides.
 *
 * @package MLC
 */
.mlc-language-switcher { display: inline-flex; align-items: center; gap: .4em; }
.mlc-language-switcher::before { content: "\1F310"; font-size: 1.1em; line-height: 1; } /* 🌐 globe, decorative */
.mlc-language-switcher > ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .2em .7em; }
.mlc-language-switcher li { margin: 0; padding: 0; }
.mlc-language-switcher a { text-decoration: none; }
.mlc-language-switcher a:hover, .mlc-language-switcher a:focus { text-decoration: underline; }
.mlc-language-switcher .mlc-current span { font-weight: 600; }
.mlc-language-switcher .mlc-missing span { opacity: .55; cursor: default; }
