/* Fertighaus EU - mobile language full name polish
   Keeps the new native menu system, only gives "Deutsch" enough breathing room.
*/

@media (max-width: 920px) {
    .site-header.stable-header {
        grid-template-columns: minmax(72px, 1fr) minmax(122px, 138px) 42px !important;
        gap: 8px !important;
    }

    .site-header.stable-header .stable-language {
        max-width: 138px !important;
        width: 100% !important;
    }

    .site-header.stable-header .stable-language summary {
        width: 100% !important;
        min-width: 122px !important;
        max-width: 138px !important;
        height: 40px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        gap: 6px !important;
    }

    .site-header.stable-header .stable-language .flag-svg {
        width: 21px !important;
        height: 21px !important;
        flex: 0 0 21px !important;
    }

    .site-header.stable-header .stable-language .lang-name {
        max-width: 72px !important;
        width: auto !important;
        display: inline-block !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .site-header.stable-header .stable-language .lang-caret {
        flex: 0 0 auto !important;
        font-size: 12px !important;
    }
}

@media (max-width: 390px) {
    .site-header.stable-header {
        grid-template-columns: minmax(68px, 1fr) 122px 40px !important;
        gap: 7px !important;
    }

    .site-header.stable-header .brand {
        font-size: clamp(15.5px, 4.8vw, 19px) !important;
    }

    .site-header.stable-header .stable-language {
        max-width: 122px !important;
    }

    .site-header.stable-header .stable-language summary {
        min-width: 122px !important;
        max-width: 122px !important;
        height: 38px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
        gap: 5px !important;
    }

    .site-header.stable-header .stable-language .flag-svg {
        width: 20px !important;
        height: 20px !important;
        flex-basis: 20px !important;
    }

    .site-header.stable-header .stable-language .lang-name {
        max-width: 64px !important;
        font-size: 11.5px !important;
    }
}

@media (max-width: 340px) {
    .site-header.stable-header {
        grid-template-columns: minmax(58px, 1fr) 114px 36px !important;
        gap: 5px !important;
        padding-left: 7px !important;
        padding-right: 6px !important;
    }

    .site-header.stable-header .brand {
        font-size: 14.5px !important;
    }

    .site-header.stable-header .stable-language {
        max-width: 114px !important;
    }

    .site-header.stable-header .stable-language summary {
        min-width: 114px !important;
        max-width: 114px !important;
        height: 36px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .site-header.stable-header .stable-language .flag-svg {
        width: 19px !important;
        height: 19px !important;
        flex-basis: 19px !important;
    }

    .site-header.stable-header .stable-language .lang-name {
        max-width: 58px !important;
        font-size: 11px !important;
    }

    .native-mobile-menu summary {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        font-size: 20px !important;
    }
}