/* Narrow-screen header containment (<=430px) - minimal responsive fix. */

@media (max-width: 430px) {
    html,
    body {
        overflow-x: hidden;
    }

    nav > div.flex.items-center.justify-between {
        flex-wrap: wrap;
        row-gap: 0.5rem;
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    nav .language-switcher {
        width: 100%;
        justify-content: flex-start;
    }

    nav #language-notice {
        display: none !important;
    }

    nav #language-select {
        max-width: 92px;
        font-size: 12px;
        padding: 0.25rem 0.35rem;
    }

    nav a.btn-active,
    nav button.btn-active {
        padding: 0.5rem 0.7rem !important;
        font-size: 12px;
        line-height: 1.2;
    }

    nav .w-12.h-12 {
        width: 38px;
        height: 38px;
    }

    nav .w-8.h-8 {
        width: 24px;
        height: 24px;
    }

    nav .text-2xl {
        font-size: 1.25rem;
    }

    nav div.flex.items-center.justify-end.gap-3 {
        gap: 0.4rem;
        max-width: 100%;
    }

    nav div.flex.items-center.gap-4 > div:last-child > div.text-sm {
        display: none;
    }
}