/* Shortcode / Block */
.luxl-switcher { display: flex; align-items: center; gap: .5em; list-style: none; margin: 0; padding: 0; }
.luxl-switcher li { margin: 0; padding: 0; }
.luxl-switcher--code li + li::before, .luxl-switcher--name li + li::before { content: "|"; margin-right: .5em; opacity: .4; }
.luxl-switcher a { text-decoration: none; color: inherit; display: inline-flex; align-items: center; gap: .35em; }
.luxl-switcher .is-current a { font-weight: 700; pointer-events: none; }
.luxl-switcher--flag .is-current .luxl-flag, .luxl-switcher--flagonly .is-current .luxl-flag { box-shadow: 0 0 0 2px currentColor; }

/* Flagge */
.luxl-flag { display: inline-block; width: 1.4em; height: .95em; vertical-align: middle; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); }

/* Im Theme-Menü: Darstellung (display, Zeilenhöhe, Innenabstand oben/unten) des Themes beibehalten,
   damit die Flagge genau auf der Höhe der übrigen Menüpunkte sitzt. */
.luxl-switcher-item > a .luxl-flag { position: relative; top: -.08em; margin: 0; }
.luxl-switcher-item > a .luxl-code { margin-left: .35em; }
.luxl-switcher-item--flagonly > a { padding-left: .35em !important; padding-right: .35em !important; }
.luxl-switcher-item > a:hover .luxl-flag, .luxl-switcher a:hover .luxl-flag { opacity: .8; }

/* Nur für Screenreader */
.luxl-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }