/* Sprachumschalter [pandadev_sprachen]. Bewusst schlicht, damit das Theme Schrift und Farben bestimmt. */

.pdl-switcher--list ul { display: flex; flex-wrap: wrap; gap: .25em 1em; margin: 0; padding: 0; list-style: none; }
.pdl-switcher--list li { margin: 0; padding: 0; }
.pdl-switcher--list a { text-decoration: none; }
.pdl-switcher--list .is-current a { font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }
/* Kürzel (anzeige="code") sind für Header gedacht: nie umbrechen, auch wenn das Element schmal ist. */
.pdl-switcher--code ul { flex-wrap: nowrap; gap: .25em .75em; white-space: nowrap; }
/* Dropdown: aktuelle Sprache mit Pfeil, Klick klappt die anderen Sprachen auf. */
/* Blockelement wie das Auswahlfeld, damit Layouts mit begrenzter Inhaltsbreite es mit dem Text ausrichten. */
.pdl-switcher--dropdown { position: relative; display: block; margin: 0; }
.pdl-switcher--dropdown summary { display: inline-flex; align-items: center; gap: .4em; cursor: pointer; list-style: none; white-space: nowrap; }
.pdl-switcher--dropdown summary::-webkit-details-marker { display: none; }
.pdl-switcher--dropdown summary::after { content: ""; width: .4em; height: .4em; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-.15em) rotate(45deg); transition: transform .15s; }
.pdl-switcher--dropdown[open] summary::after { transform: translateY(.1em) rotate(-135deg); }
.pdl-switcher--dropdown ul { position: absolute; top: 100%; left: 0; z-index: 1000; width: max-content; min-width: 4em; margin: .4em 0 0; padding: .3em 0; list-style: none; color: #222; background: #fff; border-radius: 4px; box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
.pdl-switcher--dropdown li { margin: 0; padding: 0; }
.pdl-switcher--dropdown ul a { display: block; padding: .35em 1em; color: inherit; text-decoration: none; white-space: nowrap; }
.pdl-switcher--dropdown ul a:hover, .pdl-switcher--dropdown ul a:focus { background: rgba(0, 0, 0, .06); }
@media (prefers-reduced-motion: reduce) { .pdl-switcher--dropdown summary::after { transition: none; } }

/* Blockelement, damit Layouts mit begrenzter Inhaltsbreite (z. B. Block Themes) es wie Text ausrichten. */
.pdl-switcher--select { margin: 0; }