/* --------------------------------------------------------------
 * plate_layoutces — LangNav (Sprachnavigation)
 * Nur Struktur; jede sichtbare Eigenschaft haengt an einer CSS-Variable,
 * damit ein Theme sie ohne !important ueberschreiben kann.
 * Farben/Abstaende/Ausrichtung kommen aus der FlexForm des CEs.
 * -------------------------------------------------------------- */

.pllces-langnav {
    display: flex;
    align-items: center;
    gap: var(--pllces-langnav-icon-gap, .4em);
}

.pllces-langnav-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--pllces-langnav-gap, .5em);
    margin: 0;
    padding: 0;
    list-style: none;
}

.pllces-langnav-item {
    display: flex;
    align-items: center;
    list-style: none;
}

/* Trennzeichen: Inhalt kommt aus der FlexForm (settings.separator). */
.pllces-langnav-item + .pllces-langnav-item::before {
    content: var(--pllces-langnav-separator, '');
    margin-inline-end: var(--pllces-langnav-gap, .5em);
    color: var(--pllces-langnav-separator-color, currentColor);
    opacity: var(--pllces-langnav-separator-opacity, .5);
}

.pllces-langnav-link {
    display: inline-flex;
    align-items: center;
    gap: var(--pllces-langnav-flag-gap, .35em);
    font-family: var(--pllces-langnav-font, inherit);
    font-size: var(--pllces-langnav-fontsize, inherit);
    font-weight: var(--pllces-langnav-fontweight, inherit);
    text-transform: var(--pllces-langnav-transform, none);
    letter-spacing: var(--pllces-langnav-tracking, normal);
    line-height: 1;
    text-decoration: none;
    color: var(--pllces-langnav-color, inherit);
    transition: color .18s ease-in-out;
}

.pllces-langnav-link:hover,
.pllces-langnav-link:focus-visible {
    color: var(--pllces-langnav-hover-color, var(--pllces-langnav-color, inherit));
}

.pllces-langnav-link.-active {
    color: var(--pllces-langnav-active-color, var(--pllces-langnav-color, inherit));
    font-weight: var(--pllces-langnav-active-fontweight, var(--pllces-langnav-fontweight, inherit));
}

.pllces-langnav-icon {
    display: inline-flex;
    align-items: center;
    --vars-icon-size: var(--pllces-langnav-icon-size, 1.1em);
}

.pllces-langnav-flag svg,
.pllces-langnav-flag img {
    display: block;
    width: var(--pllces-langnav-flag-size, 1.1em);
    height: auto;
}

/* Sticky-Zustand: eigene Farbslots, gefuettert aus dem Sheet „Farben wenn sticky". */
[stuck] .pllces-langnav .pllces-langnav-link {
    color: var(--pllces-langnav-stuck-color, var(--pllces-langnav-color, inherit));
}

[stuck] .pllces-langnav .pllces-langnav-link:hover,
[stuck] .pllces-langnav .pllces-langnav-link:focus-visible {
    color: var(--pllces-langnav-stuck-hover-color, var(--pllces-langnav-hover-color, inherit));
}

[stuck] .pllces-langnav .pllces-langnav-link.-active {
    color: var(--pllces-langnav-stuck-active-color, var(--pllces-langnav-active-color, inherit));
}