/* Heimdall Studio - language switcher hotfix v0.9.1 */

.nav-shell {
    gap: 28px;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-left: auto;
}

.main-navigation {
    flex: 0 1 auto;
    flex-wrap: nowrap;
}

.language-switcher {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 3px;
    padding-left: 14px;
    border-left: 1px solid var(--color-line);
}

.language-button {
    min-width: 34px;
    min-height: 32px;
    padding: 0 6px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--color-gray);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 760;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition:
        background var(--transition-fast),
        color var(--transition-fast);
}

.language-button:hover,
.language-button:focus-visible {
    background: rgba(73, 169, 231, 0.08);
    color: var(--color-navy);
}

.language-button.is-active {
    background: rgba(73, 169, 231, 0.12);
    color: var(--color-ice-strong);
}

@media (max-width: 1100px) and (min-width: 861px) {
    .header-actions {
        gap: 12px;
    }

    .main-navigation {
        gap: 24px;
    }

    .language-switcher {
        padding-left: 10px;
    }
}

@media (max-width: 860px) {
    .header-actions {
        display: contents;
    }

    .main-navigation {
        z-index: 50;
    }

    .language-switcher {
        position: fixed;
        z-index: 51;
        top: 76px;
        right: var(--page-padding);
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 8px 0 0;
        border-left: 0;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-10px);
        transition:
            opacity var(--transition-normal),
            transform var(--transition-normal);
    }

    body.nav-open .language-switcher {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .language-button {
        min-width: 44px;
        min-height: 36px;
        background: rgba(248, 251, 253, 0.95);
    }
}