/* widgets-translation-flags-language-switcher.css */
/* Laut 011-ui-i18-flags-language-switcher.mdc: Alle Translation-Flags-Styles ausschließlich hier. */

.base-language-switcher {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    z-index: 10;
}

.base-language-flag-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.base-language-flag-link:hover {
    opacity: 0.9;
}

.base-flag-icon {
    width: 24px;
    height: 18px;
    display: block;
    border-radius: 2px;
    flex-shrink: 0;
    border: none;
}

/* Aktiver Sprach-Link: kein abweichender Hintergrund oder Outline (gleiche Darstellung wie inaktive Flaggen) */
.base-language-flag-link-active {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

/* Laut 011-ui-mobile-hamburger-language-switcher.mdc: Flaggen im Header ausblenden wenn Hamburger angezeigt wird */
/* Hamburger wird bei max-width: 1439px (Mobile + Tablet/iPad + Kleiner Desktop) angezeigt */
@media (max-width: 1439px) {
    .base-layout-header .base-language-switcher {
        display: none;
    }
}