/* Language switcher (EN / 中文) */
.locale-switcher {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem;
    border-radius: 0.5rem;
    background: var(--color-background, #f5f5f5);
    box-shadow: var(--shadow-inset, inset 2px 2px 4px rgba(0, 0, 0, 0.08));
    gap: 0.125rem;
}

.locale-switcher__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    padding: 0.35rem 0.6rem;
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-text-secondary, #6b6b6b);
    text-decoration: none;
    border-radius: 0.375rem;
    transition: color var(--transition-fast, 150ms ease),
        background var(--transition-fast, 150ms ease),
        box-shadow var(--transition-fast, 150ms ease);
}

.locale-switcher__btn:hover {
    color: var(--color-primary, #7b2cbf);
}

.locale-switcher__btn.is-active {
    color: var(--color-primary-dark, #5a189a);
    background: var(--color-surface, #fff);
    box-shadow: var(--shadow-soft, 2px 2px 6px rgba(0, 0, 0, 0.08));
}

.auth-header .locale-switcher {
    margin-top: var(--spacing-md, 1rem);
}

.header-right .locale-switcher {
    flex-shrink: 0;
}