.sitelingo-switcher {
    display: inline-flex;
}

.sitelingo-switcher__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sitelingo-switcher__link {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 8px;
    display: inline-flex;
    gap: 6px;
    line-height: 1;
    padding: 8px 10px;
    text-decoration: none;
}

.sitelingo-switcher__item--current .sitelingo-switcher__link {
    font-weight: 700;
}

.sitelingo-switcher__select {
    max-width: 100%;
}

/*
 * .sitelingo-language-switch* — structural/behavioral rules only (layout,
 * show/hide). Visual design (colors, borders, shadows, spacing) is left to
 * the active theme so it can restyle the widget without needing a
 * different template. See the catdoors theme's site-header.scss for an
 * example skin.
 */

.sitelingo-language-switch {
    position: relative;
    display: inline-flex;
}

.sitelingo-language-switch__toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    font: inherit;
}

.sitelingo-language-switch__flag {
    display: block;
    flex: none;
    width: 20px;
    height: 15px;
}

.sitelingo-language-switch__menu {
    display: none;
    position: absolute;
    z-index: 20;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitelingo-language-switch--open .sitelingo-language-switch__menu {
    display: block;
}

.sitelingo-language-switch__link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}