/* =========================================
   TRANSLATION FLAGS / LANGUAGE SWITCHER
   Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Aktive Flagge ohne schwarzen Rahmen, hochwertig per Scale und Unterstrich
   ========================================= */

.base-language-switcher {
    display: flex;
    gap: 0.55rem;
    align-items: center;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Inaktive Flaggen ohne Rahmen, ruhig abgedimmt */
.base-language-flag-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.05rem 0.25rem;
    border: none;
    border-bottom: 2px solid transparent;
    opacity: 0.4;
    line-height: 0;
    transition: opacity var(--transition-normal), transform var(--transition-normal), border-color var(--transition-normal);
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hover ohne Rahmen, nur Aufhellen */
.base-language-flag-link:hover {
    opacity: 0.85;
    transform: translateY(-1px);
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Aktive Flagge: kein Rahmen, leicht groesser, dezenter Primaer-Unterstrich */
.base-language-flag-link-active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.05rem 0.25rem;
    border: none;
    border-bottom: 2px solid var(--color-primary);
    opacity: 1;
    line-height: 0;
    transform: scale(1.12);
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Flaggen-Icon klar und knackig */
.base-flag-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
    filter: saturate(1.05) contrast(1.04);
}

/* Desktop: Flaggen nur im Header rechts (#language-switcher), nicht in #header-nav */
/* Änderungsprotokoll: 2026-08-01 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Flaggen nur im Hamburger */
@media (min-width: 1024px) {
    #language-switcher-mobile {
        display: none;
    }
}

/* Mobile: Header-Flaggen aus; Flaggen nur im geoeffneten Hamburger (#language-switcher-mobile) */
/* Änderungsprotokoll: 2026-08-01 | parent-agent | @skill-css-rules, @skill-change-provenance | Flaggen neben Hamburger ausgeblendet */
@media (max-width: 1023px) {
    #language-switcher {
        display: none;
    }

    #language-switcher-mobile {
        display: none;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Hamburger-Flaggen unter der Linkliste mit mehr Luft */
    .base-nav-links-open #language-switcher-mobile {
        display: flex;
        margin-top: 1.5rem;
        padding-top: 1.25rem;
        border-top: 1px solid var(--color-border);
        gap: 0.75rem;
        align-items: center;
    }
}